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本 书 首先 介绍 了 JavaScript 语言 的 基础 知识 (包括 ECMAScript 和 TypeScript)， 其 次 讨论 了 数组 、 栈 、 
队列 、 双 端 队列 和 链表 等 重要 的 数据 结构 ， 随 后 分 析 了 集合 、 字 典 和 散 列 表 的 工作 原理 ， 接 下 来 阐述 了 递 





归 的 原理 、 什 么 是 树 以 及 二 又 堆 和 堆 排 序 ， 然 后 介绍 了 图 











、DFS 和 BFS 算法 、 各 种 排序 ( 冒 泡 排 序 、 选 








择 排序 、 插 入 排序 、 归 并 排序 、 快 速 排 序 、 计 数 排序 、 桶 排序 和 基数 排序 ) 和 搜索 (顺序 搜索 、 二 分 搜索 
和 内 插 搜索 ) 算 法 以 及 随机 算法 ， 接 着 介绍 了 分 而 治之 、 动 态 规划 、 贪 心算 法 和 回溯 算法 等 高 级 算法 以 及 


函数 式 编程 ， 最 后 还 介绍 了 如 何 计算 算法 的 复杂 度 。 














如 果 你 是 计算 机 科学 专业 的 学 生 ， 或 是 刚刚 开启 职业 生涯 的 技术 人 员 ， 想 探索 JavaScript 的 最 佳能 力 ， 


这 本 书 一 定 适合 你 。 
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JavaScript 是 当下 最 流行 的 编程 语言 
JavaScript 也 被 称 作 “互联 网 语言 ” 。JavaScript 的 应 月 
物 联 网 (IoT ) 设备 中 。 














。 由 于 浏览 器 的 原生 支持 (无须 安装 任何 插件 )， 

日 非常 广泛 ， 不 仅 用 于 前 端 开发 ， 也 被 用 到 
服务 器 (Node.js ) 环境 、 数 据 库 ( MongoDB ) 环境 和 移动 设备 中 ， 同 样 还 被 用 在 艇 入 式 设备 和 
的 数据 结构 , 可 


对 任何 专业 技术 人 员 来 说 ,理解 数据 结构 都 非常 重要 。 作 为 软件 开发 者 , 我 们 要 能 够 借助 编 
能 会 影 





























程 语言 来 解决 问题 ,而 数据 结构 是 这 些 问题 的 解决 方案 中 不 可 或 缺 的 一 部 分 。 如 果 选 择 了 不 恰当 


响 所 写 程序 的 性 能 。 因此 , 了 解 不 同 数据 结构 和 它们 的 适用 范围 十 分 重要 。 
其 他 方法 更 好 。 因 此 ， 了 解 一 下 最 著名 的 算法 也 很 重要 。 
它们 的 人 所 写 。 


算法 在 计算 机 科学 中 扮演 着 非常 重要 的 角色 。 解决 一 个 问题 有 很 多 种 方法 , 但 有 些 方法 会 比 


本 书 为 数据 结构 和 算法 初学 者 所 写 ， 也 为 熟悉 数据 结构 和 算法 并 想 在 JavaScript 语言 中 使 用 
快乐 地 编码 吧 ! 
读者 对 象 








本 书 同样 适合 你 
你 只 需 


只 需要 懂 
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四 
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如 果 你 是 一 名 计算 机 专业 的 学 生 ， 或 者 正 处 于 技术 生涯 
的 功能 , 那么 本 书 正 适合 你 。 如 
技能 ， 


























开端， 想 要 探索 JavaScript 最 强大 
你 已 经 对 编程 很 熟悉 , 但 是 想 要 提升 在 算法 和 数据 结构 方面 的 


得 JavaScript 的 基础 知识 和 编程 逻辑 ， 就 可 以 开始 享受 算法 的 乐趣 了 。 
本 书 结构 
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名 1 章 “JavaScript 简介 ” 








5 
和 算法 ， 同 时 还 介绍 了 如 何 搭建 开发 环境 来 运行 书 中 的 代码 示例 。 








述 了 JavaScript 的 基础 知识 ， 可 以 帮助 你 更 好 地 学 习 数 据 结 构 





第 2 章 “ECMAScript 和 TypeScript 概述 ”， 介 绍 了 2015 年 后 新 增 的 一 些 JavaScript 功能 ， 以 
及 TypeScript 的 基本 功能 。TypeScript 是 JavaScript 的 一 个 超 集 。 


第 3 章 “ 数 组 "， 介 绍 了 如 何 使 用 数组 这 种 最 基础 且 最 常用 的 数据 结构 。 这 一 音 演 示 了 如 何 
对 数组 声明 、 初 始 化 、 添 加 和 删除 其 中 的 元 素 ， 还 讲述 了 如 何 使 用 JavaScript 语言 本 身 支持 的 数 
组 方法 。 

第 4 章 “ 栈 "， 介 绍 了 楼 这 种 数据 结构 ， 演 示 了 如 何 创建 酚 以 及 怎样 添加 和 删除 元 素 ， 还 讨 
论 了 如 何 用 栈 解决 计算 机 科学 中 的 一 些 问题 。 

第 5 章 “ 队 列 和 双 端 队列 "， 详 述 了 队列 这 种 数据 结构 ， 演 示 了 如 何 创建 队列 ， 以 及 如 何 汪 
加 和 删除 队列 中 的 元 素 。 此 外 ,这 一 章 也 介绍 了 一 种 特殊 的 队列 - 双 端 队列 数据 结构 。 这 一 章 
还 讨论 了 如 何 用 队列 解决 计算 机 科学 中 的 一 些 问题 ， 以 及 栈 和 队列 的 主要 区 别 。 

第 6 章 “ 链 表 ”， 讲 解 如 何 用 对 象 和 指针 从 头 创建 链表 这 种 数据 结构 。 这 一 章 除了 讨论 如 何 
声明 、 创 建 、 添 加 和 删除 链表 元 素 之 外 ， 还 介绍 了 不 同类 型 的 链表 ， 例 如 双向 链表 和 循环 链表 。 

第 7 意 “集合 "， 介绍 了 集合 这 种 数据 结构 ， 讨 论 了 如 何 用 集合 存储 韭 重复 性 的 元 素 。 此 外 ， 
还 详 述 了 对 集合 的 各 种 操作 以 及 相应 代码 的 实现 。 

第 8 章 “ 字 典 和 散 列表 ”， 深 入 讲解 字典 、 散 列表 及 它们 之 间 的 区 别 。 这 一 章 介 绍 了 这 两 种 
数据 结构 是 如 何 声明 、 创 建 和 使 用 的 ， 还 探讨 了 如 何 解决 散 列 冲突 ， 以 及 如 何 创建 更 高 效 的 散 列 
函数 。 

第 9 章 “ 递 归 "， 介 绍 了 递归 的 概念 描述 了 声明 式 和 递归 式 算法 之 间 的 区 别 。 

第 10 章 “ 树 ”， 讲 解 了 树 这 种 数据 结构 和 它 的 相关 术语 ， 重 点 讨论 了 二 又 搜索 树 ， 以 及 如 何 
在 树 中 搜索 、 亿 历 、 添 加 和 删除 节点 。 这 一 章 还 介绍 了 自 平衡 树 ， 包 括 AVL 树 和 红 黑 树 。 

第 11 章 “二 又 堆 和 堆 排 序 "， 介 绍 了 最 小 堆 和 最 大 堆 数据 结构 ， 以 及 怎样 使 用 堆 作 为 一 个 优 
先 队列 ， 还 讨论 了 著名 的 堆 排序 算法 。 

第 12 章 “ 图 ”介绍 了 图 这 种 数据 结构 和 它 的 适用 范围 。 这 一 章 讲述 了 图 的 常用 术语 和 不 同 
表示 方式 ,探讨 了 如 何 使 用 深度 优先 搜索 算法 和 广度 优先 搜索 算法 遍历 图 ,以 及 它们 的 适用 范围 。 

第 13 章 “ 排 序 和 搜索 算法 "， 探 讨 了 常用 的 排序 算法 ， 如 冒 泡 排序 包括 改进 版 ) 选择 排 
序 、 持 入 排序 、 归 并 排序 和 快速 排序 。 这 一 章 还 介绍 了 计数 排序 和 基数 排序 这 两 种 分 布 式 排序 和 
法 ， 搜 索 算法 中 的 顺序 搜索 和 二 分 搜索 ， 以 及 怎样 随机 排列 一 个 数组 。 

第 14 章 “算法 设计 与 技巧 ， 介绍 了 一 些 算法 技巧 和 著名 的 算法 ,以 及 JavaScript 函数 式 编程 。 


第 15 章 “算法 复杂 度 ”, 介绍 了 大 O 表示 法 的 概念 ， 以 及 本 书 实现 算法 的 复杂 度 列表 。 这 一 
介绍 了 NP 完全 问题 和 启发 式 算法 。 最 后 ， 讲 解 了 提升 算法 能 力 的 诀窍 。 
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要 测试 本 书 提供 的 代码 示例 ， 你 需要 一 个 代码 编辑 器 (例如 Atom 或 Visual Studio Code ) 以 
便 阅 读 代 码 ， 还 需要 一 个 浏览 器 〈Chrome 、Firefox 或 Edge )。 


你 也 可 以 访问 https:Wjavascript-ds-algorithms-book.firebaseapp.com/， 在 线 测 试 代码 。 同 样 ， 
记得 打开 浏览 器 中 的 开发 者 工具 ， 这 样 你 就 可 以 看 到 控制 台 上 的 输出 结果 了 。 








下 载 示例 代码 


你 可 以 用 你 的 账户 从 http://www.packtpub.com 下 载 所 有 已 购买 Packt 图 书 的 示例 代码 文件 。 
如 果 你 从 其 他 地 方 购买 了 本 书 , 可 以 访问 http:/www.packtpub.com/support 并 注册 , 我 们 将 通过 日 
子 邮件 把 文件 发 送 给 你 。 


下 载 代 码 文件 的 步骤 如 下 : 


(1) 在 www.packtpub.com 登录 或 注册 ; 

(2) 选择 SUPPORT 标签 页 ; 

(3) 点 击 Code Downloads & Errata; 

(4) 在 Search 框 中 输入 书 名 并 根据 屏幕 上 的 指示 操作 。 


文件 下 载 后 ， 请 使 用 以 下 软件 的 最 新 版 本 解压 : 


口 Windows 系统 请 使 用 WinRAR 或 7-Zip 
口 Mac 系统 请 使 用 Zipeg、iZip 或 UnRarX 
口 Linux 系统 请 使 用 7-Zip 或 PeaZip 
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本 书 的 代码 包 在 GitHub 的 托管 地 址 是 https://github.com/PacktPublishing/Learning-JavaScript- 
Data-Structures-and-Algorithms-Third-Edition。 只 要 代码 有 更 新 ， 它 就 会 被 更 新 到 GitHub 仓库 中 去 。 


其 他 图 书 或 视频 的 代码 包 也 可 以 到 https://github.com/PacktPublishing/ 查 阅 。 别 错过 ! 





排版 约定 
在 本 书 中 ， 你 会 发 现 一 些 不 同 的 文本 样式 。 
正文 中 的 代码 这 样 表示 :“ 可 能 你 在 网 上 的 一 些 例子 里 看 到 过 JavaScript 的 include 语句 ， 








或 者 放 在 head 标签 中 的 JavaScript 代码 。 
代码 段 的 格式 如 下 : 


class Stack { 
constructor() { 
tie. Litem .=. [J] .7 1} 
} 


如 果 我 们 想 让 你 重点 关注 代码 段 中 的 某 个 部 分 ， 会 加 粗 显示 : 

const stack = new Stack() 

console.log(stack.isEmpty()); // outputs true 

所 有 的 命令 行 输入 或 输出 的 格式 如 下 : 

npm install http-server -g 

新 术语 、 重 点 词汇 ， 以 及 你 可 以 在 屏幕 上 看 到 的 词 ( 例如， 菜单 或 对 话 框 里 的 词 ) 以 黑体 标 
示 。 举 个 例子 :“ 从 Administration 面板 中 选择 System info。” 








名 此 图 标 表示 警告 或 需要 特别 注意 的 内 容 。 


6 此 图 标 表示 提示 或 者 技巧 。 

联系 我 们 

欢迎 提出 反馈 。 

一 般 反 馈 : 请 发 送 电 子 邮件 至 feedback@packtpub.com， 并 在 邮件 主题 中 注 明 书 名 。 如 果 你 
对 本 书 任何 方面 有 疑问 ， 请 发 送 邮 件 至 questions@packtpub.com。 

勘误 : 尽管 我 们 会 尽力 确保 内 容 准 确 ， 错 误 还 是 在 所 难免 。 如 果 你 发 现 了 书 中 的 错误 , 希望 
你 能 告知 我 们 ， 我们 不 胜 感激 。 请 访问 www.packtpub.com/submit-errata， 选 择 你 的 书 ， 点 击 勘 误 
提交 表单 的 链接 ， 并 输入 详情 。?” 

反 盗 版 : 如 果 你 在 互联 网 上 发 现 我 们 的 作品 被 非法 复制 , 我 们 会 非常 感激 你 将 地 址 和 网 站 名 
称 提 供给 我 们 。 请 将 盗版 材料 的 链接 发 送 到 copyright@packtpub.com。 

如 果 你 有 兴趣 成 为 作者 : 如 果 你 有 某 个 主题 的 专业 知识 ,并 且 有 兴趣 写成 或 帮助 促成 一 本 书 ， 






































GD 针对 本 书 中 文 版 的 勘误 ， 请 到 http://www.ituring.com.cn/book/2653 查看 和 提交 。 一 一 编者 注 











请 参考 我 们 的 作者 指南 www.packtpub.com/authors。 


评论 
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JavaScript 是 一 门 非常 强大 的 编程 语言 。 它 是 最 流行 的 编程 语言 之 一 ， 也 是 互联 网 上 最 卓越 
的 语言 之 一 。 在 GitHub (世界 上 最 大 的 代码 托管 站 点 ) 上 ， 托 管 了 400 000 多 个 JavaScript 代码 
仓库 (用 JavaScript 开 发 的 项 目 数量 也 是 最 多 的 ， 参 看 http://githut.info )。 使 用 JavaScript 的 项 目 
数量 还 在 逐年 增长 。 


JavaScript 不 仅 可 用 于 前 端 开发 ， 也 适用 于 后 端 开 发 ， 而 Nodejs 就 是 其 背后 的 技术 。Node 
包 的 数量 也 呈 指 数 级 增长 。JavaScript 同样 可 以 用 于 移动 开发 领域 ， 并 且 是 Apache Cordova 中 最 
流行 的 语言 之 一 。Apache Cordova 是 一 个 能 让 开发 者 使 用 HTML、CSS 和 JavaScript 等 语言 的 混 
合式 框架 , 你 可 以 通过 它 来 搭建 应 用 , 并 且 生 成 供 Android 系统 使 用 的 APK 文件 和 供 iOS (苹果 
系统 ) 使 用 的 IPA 文件 。 当 然 ， 也 别 忘 了 桌面 端 应 用 开发 。 我 们 可 以 使 用 一 个 名 为 Electron 的 
JavaScript 框架 来 编写 同时 兼容 Linux、Mac OS 和 Windows 的 桌面 端 应 用 。JavaScript 还 可 以 用 于 
山 入 式 设备 以 及 物 联网 (IoT ) 设备 。 正 如 你 所 看 到 的 ， 到 处 都 有 JavaScript 的 身影 ! 


要 成 为 一 名 Web 开发 工程 师 ， 掌 握 JavaScript 必 不 可 少 。 


本 章 ， 你 会 学 到 JavaScript 的 语法 和 一 些 必 要 的 基础 ， 这 样 就 可 以 开始 开发 自己 的 数据 结构 
和 算法 了 。 本 章 内 容 如 下 : 


口 环境 搭建 和 JavaScript 基础 
口 控制 结构 和 函数 

口 JavaScript 面向 对 象 编程 

口 调试 工具 


1.1 _ JavaScript 数据 结构 与 算法 


在 本 书 中 ， 你 将 学 习 最 常用 的 数据 结构 和 算法 。 为 什么 用 JavaScript 来 学 习 这 些 数据 结构 和 
算法 呢 ? 我 们 已 经 回答 了 这 个 问题 。JavaScript 非常 受 欢 迎 ， 作 为 函数 式 编程 语言 ， 它 非常 适合 
用 来 学 习 数 据 结构 和 算法 。 通 过 它 来 学 习 数 据 结构 比 C、Java 或 Python 这 些 标准 语言 更 简单 ， 
学 习 新 东西 也 会 变 得 很 有 趣 。 谁 说 数据 结构 和 算法 只 为 C、Java 这 样 的 语言 而 生 ? 在 前 端 开发 当 
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中 ， 你 可 能 也 需要 实现 这 些 语言 。 

学 习 数 据 结构 和 算法 十 分 重要 。 首 要 原因 是 数据 结构 和 算法 可 以 很 高 效 地 解决 常见 问题 , 这 
对 你 今后 所 写 代 码 的 质量 至 关 重 要 ( 也 包括 性 能 ; 要 是 用 了 不 恰当 的 数据 结构 或 算法 , 很 可 能 会 
产生 性 能 问题 )。 其 次 ， 对 于 计算 机 科学 ,算法 是 最 基础 的 概念 。 最 后 ， 如 果 你 想 入 职 最 好 的 IT 
公司 ( 如 谷歌 、 亚 马 逊 、 微 软 、eBay 等 )， 数 据 结构 和 算法 是 面试 问题 的 重头 戏 。 


让 我 们 开始 学 习 吧 ! 



































1.2 环境 搭建 


相 比 其 他 语言 , JavaScript 的 优势 之 一 在 于 不 用 安装 或 配置 任何 复杂 的 环境 就 可 以 开始 学 习 。 
每 台 计 算 机 上 都 已 具备 所 需 的 环境 ， 哪 怕 使 用 者 从 未 写 过 一 行 代码 。 有 浏览 器 足 矣 ! 


为 了 运行 书 中 的 示例 代码 ,建议 你 做 好 如 下 准备 : 安装 Chrome 或 Firefox 浏览 器 (选择 一 个 
你 最 喜欢 的 即 可 ), 选择 一 个 喜欢 的 编辑 器 ( 如 Visual Studio Code ), 以 及 一 个 Web 服务 器 (XAMPP 
或 其 他 你 喜欢 的 ， 这 一 步 是 可 选 的 )。Chrome 、Firefox 、VS Code 和 XAMPP 在 Windows、Linux 
和 Mac OS 上 均 可 以 使 用 。 











1.2.1 最 简单 的 环境 搭建 


浏览 器 是 最 简单 的 JavaScript 开发 环境 。 现 代 浏 览 器 〈Chrome 、Firefox 、Safari 和 Edge ) 都 
拥有 一 个 叫 作 开发 者 工具 的 功能 。 如 要 使 用 Chrome 中 的 开发 者 工具 ， 可 以 点 击 右 上 角 的 菜单 ， 
选择 More Tools | Developer Tools， 如 下 图 所 示 。 
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1.2 ”环境 搭建 3 

















打开 开发 者 工具 ， 里 面 有 一 个 Console 标签 页 ， 可 以 在 其 中 编写 你 的 JavaScript 代码， 如 下 | 
图 所 示 (需要 按 下 Enter 键 来 执行 源 代码 )。 
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1.2.2 ”使 用 Web 服务 器 


能 想 要 安装 的 第 二 个 环境 也 很 简单 ， 但 是 需要 安装 一 个 Web 服务 器 。 如 果 一 个 HTML 
文件 只 包含 简单 的 、 不 向 服务 器 发 送 任何 请 求 的 JavaScript 代码 〈Ajax 调用 )， 那 么 你 可 以 右键 
点 击 es 览 器 中 直接 打开 。 本 书 中 需要 编写 的 代码 都 很 简单 ， 可 以 通过 这 种 方式 执行 。 
但 是 ， 安 装 一 个 Web 服务 器 总 是 有 好 处 的 。 


有 很 多 开源 和 免费 的 Web 服务 器 可 供 选 择 。 如 果 你 熟悉 PHP 的 话 ，XAMPP 会 是 不 错 的 选 
择 ， 它 可 用 于 Linux、Windows 和 Mac OS。 


由 于 我 们 会 专注 于 服务 端 和 浏览 器 上 的 JavaScript， 可 以 在 Chrome 上 安装 一 个 简单 的 Web 
服务 器 ， 它 是 一 个 叫 作 Web Server for Chrome 的 扩展 。 安 装 好 之 后 ， 可 以 在 浏览 器 地 址 栏 中 输 
入 chrome://apps 来 找到 它 。 
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打开 Web Server 扩展 后 , 可 以 点 击 CHOOSE FOLDER 来 选择 需要 在 哪个 文件 夹 中 开启 服 
务 器 。 你 可 以 新 建 一 个 文件 夹 来 执行 要 在 本 书 中 实现 的 代码 , 也 可 以 下 载 本 书 的 源 代码 并 将 其 解 
压缩 到 你 喜欢 的 目录 下 ， 然 后 就 能 通过 设 定 的 URL ( 默认 是 http://127.0.0.1:8887 ) 来 访问 它 了 。 


Web Server for Chrome 


Please leave a review to help others find this software. 

















CHOOSE FOLDER Current: /javascript-datastructures-algorithms 


本 


Web Server: STARTED 


Web Server URL(s) 


e http://127.0.0.1:8887 














本 书 中 的 所 有 示例 都 可 以 通过 访问 http://127.0.0.1:8887/examples 来 执行 。 你 会 看 到 一 个 包含 
所 有 示例 列表 的 index.html 文件 ， 如 下 图 所 示 。 








©9@ Nn Datastructures and Algorithm: x Loiane 


所 C © 127.0.0.1:8887/examples/ 个 


Learning JavaScript Data Structures and Algorithms 


























01 02 
Please open the Developer Tools Console to see the output 
01-HelloWorld 
02-Variables 
[x | Elements Console Sources Network Performance Memory » : Xx 
© | top v | Fitter Default levels Y 字 
typeof num: number VM200 03-0perators.1js:55 
typeof Packt: string VM200 03-0perators,js:56 
typeof true: boolean VM200 03-0perators,js:57 
typeof [1,2,3]: object VM200 03-0perators.js:58 
typeof {name:John}: object VM200 03-0perators,js:59 








执行 示例 代码 的 时 候 , 始终 牢记 打开 开发 者 工具 并 切换 到 Console 标签 页 来 查看 
输出 结果 。Web Server for Chrome 扩展 也 是 用 JavaScript 开发 的 。 为 了 获得 更 好 

外 的 开发 体验 , 建议 使 用 该 扩展 来 执行 本 书 的 示例 代码 , 或 者 安装 下 一 节 将 学 习 到 
的 Node.js http-server。 
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1.2.3 Node.js http-server 

第 三 种 选择 就 是 100% 的 JavaScript! 搭建 这 个 环境 需要 安装 Nodejs。 首 先 要 到 
http:/nodejs.org/ 下 载 和 安装 Nodejs。 然 后 ， 打 开 终 端 应 用 〈 如 果 你 用 的 是 Windows 操作 系统 ， 
打开 Nodejs 的 命令 行 ， 它 随 Nodejs 一 同安 装 了 )， 输 入 如 下 命令 。 








npm install http-server -9 

最 好 手动 输入 这 些 命令 ,复制 粘贴 可 能 会 出 错 。 我 们 也 可 以 用 管理 员 身 份 执行 上 述 命 令 。 对 
于 Linux 和 Mac OS， 使 用 如 下 命令 。 

sudo npm install http-server -9 

这 条 命令 会 在 你 的 机 器 上 安装 一 个 JavaScript 服务 器 : nttp-server。 要 启动 服务 器 并 在 终 
端 应 用 上 运行 本 书 中 的 示例 代码 ， 请 将 工作 路 径 更 改 至 示例 代码 文件 来 ， 然 后 输入 http- 
server， 如 下 图 所 示 。 








[ @ ®© javascript-datastructures-algorithms 一 node /usr/local/bin/http-server — 94x8 


loiane:~ loiane$ cd /Users/loiane/Documents/development/javascript-datastructures-algorithms 
loiane:javascript-datastructures-algorithms Loiane$ http-server 
9 g up http-server, serving ./ 
Mvailable on: 
http://127.0.0.1:8080 
http://192.168.0.11:8080 
Hit CTRL-C to stop the server 





te 














为 执行 示例 ， 打 开 浏 览 避 ， 通 过 http-server 命令 指定 的 端口 访问 。 


下 载 代码 文件 的 具体 步骤 已 经 在 前 言 中 介绍 过 了 ，, 请 翻 回去 看 一 看 。 本 书 的 代码 
包 在 GitHub 上 的 托管 地 址 是 https://github.com/PacktPublishing/Learning-Java- 

人 Script-Data-Structures-and-Algorithms-Third-Edition 。 其 他 图 书 或 视频 的 代码 包 也 
可 以 到 https:/github.com/PacktPublishing/ 查 阔 。 别 错过 ! 


1.3 JavaScript 基础 


在 深入 学 习 各 种 数据 结构 和 算法 前 ， 让 我 们 先 大 概 了 解 一 下 JavaScript。 本 节 教 大 家 一 些 相 
关 的 基础 知识 ， 有 利于 学 习 后 面 各 童 。 


首先 来 看 在 HTML 中 编写 JavaScript 的 两 种 方式 。 第 一 种 方式 如 下 面 的 代码 所 示 。 创建 一 个 
HTML 文件 ( 01-HelloWorld.html )， 把 代码 写 进 去 。 在 这 个 例子 里 , 我们 在 HTML 文件 中 声明 了 
script 标签 ， 然 后 把 JavaScript 代码 都 写 进 这 个 标签 。 

<1DOCTYPE html> 


<html> 
<head> 




















2 


6 第 1 章 JavaScript 简介 





<meta charset="UTF-8"> 
</head> 
<body> 
<script> 
alert ('Hello, World!'); 
</script> 
</body> 
</html> 


尝试 使 用 Web Server for Chrome 扩展 或 http-server 来 执行 上 述 代码 ， 并 在 浏 
览 器 中 查看 输出 结果 。 


第 二 种 方式 ， 我 们 需要 创建 一 个 JavaScript 文件 ( 比如 01-HelloWorld.jjs )， 在 里 面 写 人 如 下 
代码 。 


alert ('Hello, World!'); 


然后 ， 我 们 的 HTML 文件 看 起 来 如 下 所 示 。 


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title></title> 
</head> 
<body> 
<script src="01-HelloWorld.js"></script> 
</body> 
</html> 


第 二 个 例子 展示 了 如 何 将 一 个 JavaScript 文件 引入 HTML 文件 。 
无 论 执行 这 两 个 例子 中 的 哪个 ， 输 出 都 是 一 样 的 。 不 过 第 二 个 例子 是 最 佳 实践 。 





可 能 你 在 网 上 的 一 些 例子 里 看 到 过 JavaScript 的 include 语句 , 或 者 放 在 head 
标签 中 的 JavaScript 代码 。 作 为 最 佳 实践 ， 我 们 会 在 关闭 pody 标签 前 引入 

0 JavaScript 代码 。 这 样 浏览 器 就 会 在 加 载 脚本 之 前 解析 和 显示 HTML， 有 利于 提 
升 页 面 的 性 能 。 


1.3.1 变量 


变量 保存 的 数据 可 以 在 需要 时 设置 、 更 新 或 提取 。 赋 给 变量 的 值 都 有 对 应 的 类 型 。JavaScript 
的 类 型 有 数 、 字 符 串 、 布 尔 值 、 函 数 和 对 象 ， 还 有 undefined 和 nul1， 以 及 数组 、 日 期 和 正 
则 表达 式 。 


尽管 JavaScript 有 多 种 变量 类 型 , 然而 不 同 于 C/C++、C# 或 Java, 它 并 不 是 一 种 强 类 型 语言 。 


~ 


在 强 类 型 语言 中 ， 声 明 变量 时 需要 指定 变量 的 类 型 ( 例如， 在 Java 中 声明 一 个 整 型 变量 ， 要 使 











Ne 
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用 intnum = 1; )。 在 JavaScript 中 ， 我们 只 需要 使 用 关键 字 var， 而 不 必 指 定 变量 类 型 。 因 此 ， 了 | 
JavaScript 不 是 强 类 型 语言 。 然 而 ， 对 于 是 否 要 将 可 选 的 静态 类 型 (http:/github.com/dslomovw/ 
typed-objects-es7 ) 加 入 未 来 的 JavaScript 标 准 ( ECMAScript ), 已 经 有 了 一 些 讨论 以 及 一 个 处 于 

草稿 状态 的 标准 。 如 果 需 要 在 写 JavaScript 时 对 变量 设 定 类 型 ， 也 可 以 使 用 TypeScript。 我 们 会 

在 本 章 稍 后 学 习 有 关 ECMAScript 和 TypeScript 的 内 容 。 


下 面 的 例子 介绍 如 何在 JavaScript 里 使 用 变量 。 


var num = 1; // {1} 

A S33 2 

var price = 1.5; // {3} 

var myName = 'Packt'; // {4} 
Var trueValue = true; // {5} 
var nullVvar = null; // {6} 
var und; // {7} 


口 在 行 {1}, 我 们 展示 了 如 何 声明 一 个 JavaScript 变量 ( 声明 了 一 个 数值 类 型 ), 虽然 关键 字 

var 不 是 必需 的 ， 但 最 好 每 次 声明 一 个 新 变量 时 都 加 上 。 

口 在 行 12} ， 我 们 更 新 了 已 有 变量 。JavaScript 不 是 强 类 型 语言 。 这 意味 着 你 可 以 声明 一 个 
变量 并 初始 化 成 一 个 数值 类 型 的 值 ， 然 后 把 它 更 新 成 字符 串 或 者 其 他 类 型 的 值 ， 不 过 这 
并 不 是 一 个 好 做 法 。 

口 在 行 13} ， 我 们 又 声明 了 一 个 数值 类 型 的 变量 ， 不 过 这 次 是 十 进 制 浮 点 数 。 在 行 L4}， 声 

明了 一 个 字符 串 ; 在 行 {5}, 声明 了 一 个 布尔 值 ; 在 行 {6}, 声明 了 一 个 nu11; 在 行 {7}， 

声明 了 undefinedqd 变量 。null 表示 变量 没有 值 ，undefined 表示 变量 已 被 声明 ,但 尚 

未 赋值 。 


如 果 想 看 声明 的 每 个 变量 的 值 ， 可 以 使 用 console.1og， 如 下 所 示 。 


console.log 
console.1log 
console.1log 
console.1log 
console.log 
console.1log 


console.1og 方法 不 只 是 接收 这 样 的 参数 。 除 了 console.1log('num: ， + num)， 我 们 
还 可 以 使 用 console.1og('num: '，num) 的 形式 。 第 一 种 写法 会 将 结果 合并 为 一 个 字符 串 ， 
而 第 三 种 写法 则 允许 我 们 为 其 添加 一 个 描述 ， 并 在 变量 为 对 象 时 将 其 内 容 以 可 视 化 的 方式 输出 。 









































‘num: ' + num); 

'myName: ' + myName); 
'trueValue: ' + trueValue); 
'price: ' + price); 

这 二 ILLVat)> 
"nd DJ 


书 中 的 示例 代码 会 使 用 三 种 方式 输出 JavaScript 的 值 。 第 一 种 是 alert ('My text 
here' ) ,将 输出 到 浏览 器 的 警示 窗口 ;第 二 种 是 console.1log('My text here ' ) ， 

0 将 把 文本 输出 到 调试 工具 (谷歌 开发 者 工具 或 是 Firebug， 根 据 你 使 用 的 浏览 器 而 
定 ) 的 Console 标签 页 ; 第 三 种 是 通过 document .write('My text here') 直接 
输出 到 HTML 页 面 里 并 用 浏览 器 呈现 。 可 以 选择 你 喜欢 的 方式 来 调试 。 





A a 
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稍 后 会 讨论 函数 和 对 象 。 
变量 作用 域 
作用 域 是 指 , 在 编写 的 算法 函数 中 ， 我们 
函数 ) 的 地 方 。 有 局 部 变量 和 全 局 变量 两 种 。 
让 我 们 看 一 个 例子 。 
Var myVariable = 'global'; 
myOtherVariable = 'global'; 
function myFunction() { 
Var myVariable = 'local'; 


从 总 


} 


funct 


my 
闫 全 


} 


Cons 
cons 


cons 
cons 
cons 


turn myVariable; 


ion myOtherFunction() { 
OtherVariable = 'local'; 
turn myOtherVariable; 





ole.log(myVariable); // {1} 
ole.log(myFunction()); // {2} 
ole.log(myOtherVariable); // {3} 


ole.log(myOtherFunction()); // {4} 
ole.log(myOtherVariable); // {5} 


上 面 的 代码 可 解释 如 下 。 


5 全 myFunction 内 。 











的 值 )。 


你 可 能 听 其 他 人 提 过 在 JavaScript 里 应 该 尽量 少 用 全 局 


Se 出 glopal, 因为 我 们 引用 了 在 

行 {4} 输 出 local。 在 全 myOtherFunction 只 函数 里 ， 因为 没有 使 用 var 关键 字 修 饰 ， 所 
A 量 myothervariable 并 将 它 赋值 为 1ocal。 
口 因此 , 行 {5} 会 输出 local (因为 在 myotherFunction 里 修改 了 myotherVariable 





访问 变量 ( 在 使 用 函数 作用 域 时 ， 也 可 以 是 一 个 


出 global， 因 为 它 是 一 个 全 局 变量 。 
行 {2} 输 出 local， 因为 myVariable 是 在 仁 myFunction 内 | 











函数 中 声明 的 局 部 变 





， 所 以 


第 二 行 初 始 化 了 的 全 局 变量 mvotherVariable。 















































以 用 全 局 变量 和 函数 的 数量 来 考量 ( 数量 越 多 越 精 )。 因 此 ， 








1.3.2 ”运算 符 








在 编程 语言 里 执行 任何 运算 都 需要 运 

















变量 ， 这 
尽 可 能 ; 





是 对 的 。 通 常 ， 代 码 质 

















避免 使 用 全 局 变量 


量 可 


算 符 。 在 JavaScript 里 有 算术 运算 符 、 赋 值 运算 符 、 比 
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较 ji 


运算 符 、 逻 辑 运算 符 、 位 运算 符 、 一 元 运算 符 和 


其 他 运算 符 。 我 们 来 看 一 下 这 


文 些 运算 符 。 


i FE 


var num = 0; // {1} 

num = num + 2; 

A EU 33 

num = num / 2; 

TELt 

TU 一 一 了 

num += 1; // {2} 

num -= 2; 

Ni 3 

num /= 2; 

num %= 3; 

console.log('num == 1 (in = 
console.log('num === 1 人 
console.log('num != 1 "+ (num != 1)); 
console.log('num > 1 : /+ (num > 1)); 
console.log('num <1 : "+ (num < 1)); 
console.log('num >= 1 : ' + (num >= 1)); 
console.log('num <= 1 : ' + (num <= 1)); 
console.log('true && false : ' + (true && false)); 
console.log('true || false : ' + (true || false)); 
console.log('!true : ' + (!true)); 








在 行 {1}， 我 们 用 了 算术 运算 符 。 下 表 列 出 了 


这 些 运 算 符 及 其 描述 。 








算术 运算 符 描 述 
+ 加 法 
减法 
* 乘法 
/ 除法 
取 余 ( 除法 的 余数 ) 
和 递增 
递减 


在 行 {2}， 我 们 使 用 了 赋值 运算 符 。 下 表 列 出 了 赋值 运算 符 及 其 








赋值 运算 符 描述 
E 赋值 
MR 加 赋值 (x += y) == (x =x+y) 
-= 减 赋值 (x -= y) == (x =x-y) 
乘 赋值 (x *= y) == (x =x*y) 
A ee =y) == (x=x/y) 












































typeof 运算 符 可 以 返回 变量 或 表达 式 的 类 
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在 行 {3}， 我 们 使 用 了 比较 运算 符 。 下 表 列 出 了 比较 运算 符 及 其 描述 
比较 运算 符 描述 
到 相等 
So 等 
外 不 等 
大 于 
于 大 于 等 于 
去 小 于 
号 小 于 等 于 
在 行 {4} ,我 们 使 用 了 逻辑 运算 符 。 下 表 列 出 了 慢 辑 运算 符 及 其 描述 
逻辑 运算 符 描述 
&& 与 
| | 或 
! 非 
JavaScript 也 支持 位 运算 符 ， 如 下 所 示 。 
CONSOLE, Log( 5S. 8 Le TE (1))3 
GONnNSOLESLOG.("5 | Tsp (5 | 1)); 
console.log('~ 5:', (~5)); 
OnsoLew Logs Ley. (9 Ms 
console, log (5 < Ln (5 < 1)),; 
console, L909 (35. SS Ly (5 1))3 
下 表 对 位 运算 符 做 了 更 详细 的 描述 。 
位 运算 符 描述 
车 
| 或 
A 非 
A 异 或 
<< 左 移 
>> 右 移 











型 。 我 们 看 下 面 的 代码 。 


console.log('typeof num:', typeof num); 
console.log('typeof Packt:', typeof 'Packt'); 
console.log('typeof true:', typeof true); 
console.log('typeof [1,2,3]:', typeof [1,2,3]); 
console.log('typeof {name:John}:', 


输出 如 下 。 


typeof {name: 'John'}); 
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typeof num: number 

typeof Packt: string 
typeof true: boolean 
typeof [1,2,3]: object 
typeof {name:John}: object 


根据 标准 ， 在 JavaScript 中 有 两 种 数据 类 型 。 


口 原始 数据 类 型 : nul1l1、undefined、 字 符 串 、 数 、 布 尔 值 和 symbo1"。 
口 派生 数据 类 型 /对 象 : JavaScript 对 象 ， 包 括 函 数 、 数 组 和 正则 表达 式 。 


JavaScript 还 支持 delete 运算 符 ， 可 以 删除 对 象 里 的 属性 。 看 看 下 面 的 代码 。 


var myObj = {name: 'UJohn'，age: 21}; 
delete myObj .age; 
console.log (my0bj); // 输出 对 象 {Tname: "John"} 


这 些 运 算 符 在 后 面 的 算法 学 习 中 可 能 会 用 到 。 
.3” 真 值 和 假 值 


在 JavaScript 中 ，true 和 false 有 些 复 杂 。 在 大 多 数 编程 语言 中 , 布尔 值 true 和 false 仅仅 
表示 true/false 结果 。 在 JavaScript 中 ， 如 Packt 这 样 的 字符 串 值 ， 也 可 以 看 作 true。 


下 表 能 帮助 我 们 更 好 地 理解 tue 和 false 在 JavaScript 中 是 如 何 转换 的 。 














1.3 



































数值 类 型 转换 成 布尔 值 
undefined false 
null false 
布尔 值 true 是 true, false 是 false 
数 +0、-0 和 NaN 都 是 false， 其 他 都 是 true 
字符 串 如 果 字 符 串 是 空 的 〈 长 度 是 0 ) 就 是 false， 其 他 都 是 true (长 度 大 于 等 于 1) 
对 象 true 


我 们 来 看 一 些 代码 ， 用 输出 来 验证 上 面 的 总 结 。 


function testTruthy (val) { 
return val ? console.log('truthy') : console.log('falsy'); 
} 


testTruthy (true); // true 
testTruthy (false); // false 
testTruthy (new Boolean(false)); // true (对 象 始终 为 true) 


testTruthy(''); // false 














mt 





QD symbol 是 ES6 新 引入 的 数据 类 型 ， 表示 独一无二 的 值 ， 详 见 4.4.2 节 。 一 一 编者 注 
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testTruthy ('Packt'); // true 
testTruthy (new String('')); // true (对 象 始终 为 true) 


jy EE 

Ly) A EE UE 

NaN); // false 

new Number (NaN) ); // true (对 象 始终 为 true) 


testTruthy (1); 
testTruthy(- 
testTruthy 
testTruthy 


testTruthy({}); // true (对 象 始终 为 true) 


var obj = { name: 'John' }; 
testTruthy (obj); // true 
testTruthy (obj .name); // true 
testTruthy (obj.age); // age (属性 不 存在 














1.3.4 ”相等 运算 符 (== 和 ===) 
这 两 个 相等 运算 符 的 使 用 可 能 会 引起 一 些 困惑 。 


使 用 == 时 ,不 同类 型 的 值 也 可 以 被 看 作 相 等 。 这 样 的 结果 可 能 会 使 那些 资深 的 JavaScript 开 
发 者 都 感到 困惑 。 我 们 用 下 面 的 表格 给 大 家 分 析 一 下 不 同类 型 的 值 用 相等 运算 符 比 较 后 的 结果 。 















































类 型 (x) 类 型 〈y) 结 果 

hb undefined true 

undefined null true 

数 字符 串 x == toNumber (y) 
字符 串 数 toNumber (x) == y 
布尔 值 任何 类 型 toNumber (x) == y 
任何 类 型 布尔 值 X == toNumber (y) 
字符 串 或 数 对 象 x == toPrimitive(y) 
对 象 字符 串 或 数 toPrimitive(x) == y 





如 果 x 和 y 的 类 型 相同 ，JavaScript 会 用 equals 方法 比较 这 两 个 值 或 对 象 。 没 有 列 在 这 个 
表格 中 的 其 他 情况 都 会 返回 false。 


toNumber 和 toPrimitive 方法 是 内 部 的 ， 并 根据 以 下 表格 对 其 进行 估 值 。 


toNumber 方法 对 不 同类 型 返回 的 结果 如 下 。 









































值 类 型 结 果 

undefined Na 

null +0 

布尔 值 如 果 是 true， 返回 1; 如 果 是 false， 返 回 +0 
数 数 对 应 的 值 
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toPrimitive 方法 对 不 同类 型 返回 的 结果 如 下 。 


值 类 型 结 果 


对 象 如 果 对 象 的 valueof 方法 的 结果 是 原始 值 ， 返回 原始 值 ; 如 果 对 象 的 tostring 方法 返回 
原始 值 ， 就 返回 这 个 值 ; 其 他 情况 都 返回 一 个 错误 


用 例子 来 验证 一 下 表格 中 的 结果 。 首先 , 我 们 知道 下 面 的 代码 输出 true (字符 串 长 度 大 于 1 )。 


console.log('packt' ? true : false); 


那么 下 面 这 行 代码 的 结果 呢 ? 


console.log('packt' == true); 


输出 是 false， 为 什么 会 这 样 呢 ? 






























































口 首先 ， 布 尔 值 会 被 foNumpber 方法 转 成 数 ， 因 此 得 到 packt == 1。 

口 其 次 ， 用 toNumber 转换 字符 串 值 。 因 为 字符 串 包含 字母 ， 所 以 会 被 转 成 NaN， 表 达 式 
就 变 成 了 NaN == 1， 结果 就 是 false。 

那么 下 面 这 行 代码 的 结果 呢 ? 


console.log('packt' == false); 


输出 也 是 false， 为 什么 呢 ? 























口 首先 ， 布 尔 值 会 被 LcoNumber 方法 转 成 数 ， 因 此 得 到 packt == 0。 
口 其 次 ， 用 toNumber 转换 字符 串 值 。 因 为 字符 串 包 含 字 母 ， 所 以 会 被 转 成 NaN， 表 达 式 
就 变 成 了 NaN == 0 ， 结果 就 是 falseo 























那么 === 运 算 符 呢 ? 简单 多 了 。 如 果 比 较 的 两 个 值 类 型 不 同 ， 比 较 的 结果 就 是 false。 如 果 
比较 的 两 个 值 类 型 相同 ， 结 果 会 根据 下 表 判 断 。 




















类 型 〈x) 值 结 果 
数 x 和 y 的 值 相同 (但 不 是 NaN ) true 
字符 串 x 和 y 是 相同 的 字符 true 
布尔 值 x 和 y 都 是 true 或 false true 
对 象 x 和 y 引用 同一 个 对 象 true 




















如 果 x 和 类 型 不 同 ， 结 果 就 是 false。 我 们 来 看 一 些 例子 。 


console.log('packt' true); // false 


console.log('packt' === 'packt'); // true 
Var personl = {name: 'John'}; 
Var person2 = {name: 'John'} 


console.log(personl === person2); // false， 不 同 的 对 象 





14 第 1 章 JavaScript 简介 


1.4 ”控制 结构 


JavaScript 的 控制 结构 与 C 和 Java 里 的 类 似 。 条件 语句 支持 if.. .else 和 switch。 循环 支 
持 while、dqo...while 和 for。 








1.4.1 条 件 语句 
首先 看 一 下 如 何 构造 if . . .else 条 件 语句 。 有 几 种 方式 。 

















如 果 想 让 一 个 脚本 在 仅 当 条 件 〈 表 达 式 ) 是 true 时 执行 ， 可 以 使 用 if 语句， 如 下 所 示 。 


二 1 
on ee 
console.log('num 等 于 1'); 


} 


如 果 想 在 条 件 为 true 的 时 候 执 行 脚本 A, 在 条 件 为 false ( else ) 的 时 候 执 行 脚本 B， 可 
以 使 用 if.. .else 语句 ， 如 下 所 示 。 


Var TU -= "0 


(Tini Sse: 11) 二 
console.log('num 等 于 1'); 
} else { 


console.1log('num 不 等 于 1，num 的 值 是 : + num); 


} 








if.. .else 语句 也 可 以 用 三 元 运算 符 替 换 ， 例 如 下 面 的 if.. .else 语句 。 


尘 丰 ， (Ti 全 三 至: 小 )， 六 
nuUum-——; 

} else { 
NUmMm++} 


} 
可 以 用 三 元 运算 符 替换 为 : 


(num === 1) ? num-- : num++;}; 








如 果 我 们 有 多 个 脚本 ， 可 以 多 次 使 用 if.. .else, 根据 不 同 的 条 件 执行 不 同 的 语句 。 


var month 


= 5 
if (month === { 
console.log(' 一 月 '); 
} else if (month === 2) { 
console.log(' 二 月 '); 
} else if (month === 3) { 
); 


console.log(' 三 
else { 
console.1og( ' 月 份 不 是 一 月 、 二 月 或 三 月 ' ) ; 


ek 
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最 后 ， 还 有 switch 语句 。 如 果 要 判断 的 条 件 和 上 面 的 一 样 (但 要 和 不 同 的 值 进 行 比较 )， 
可 以 使 用 swtich 语句 。 


Var month = 5; 
Switch (month) { 
case 1: 
console.log('January'); 
break; 
case 2: 
console.1log 
break; 
case 3: 
console.log 
break; 
default: 
console.log 





'February'); 


Ma 三 有 











'Month is not January, February or March'); 


} 

对 于 switch 语句 来 说 ，case 和 break 关键 字 的 用 法 很 重要 。case 判断 当前 switch 的 
值 是 否 和 case 分 支 语句 的 值 相等 。break 会 中 止 switch 语句 的 执行 。 没 有 break 会 导致 执 
行 完 当前 的 case 后 ， 继 续 执行 下 一 个 case， 直 到 遇 到 break 或 switch 执行 结束 。 最 后 ， 还 
有 default 关键 字 , 在 表达 式 不 匹配 前 面 任何 一 种 情形 的 时 候 ， 就 执行 aefault 中 的 代码 ( 如 
果 有 对 应 的 ， 就 不 会 执行 )。 

















1.4.2 ”循环 


在 处 理 数组 元 素 时 会 经 常用 到 循环 ( 数组 是 第 3 章 的 主要 内 容 )。 在 我 们 的 算法 中 也 会 经 常 
用 到 for 循环 。 


JavaScript 中 的 for 循环 与 C 和 Java 中 的 一 样 。 循环 的 计数 值 通常 是 一 个 数 , 然后 和 另 一 个 
值 比较 (如 果 条 件 成 立 就 会 执行 for 循环 中 的 代码 )， 之 后 这 个 数值 会 递增 或 递减 。 


在 下 面 的 代码 里 ， 我 们 用 了 一 个 for 循环 。 当 i 小 于 10 时 ,会 在 控制 台中 输出 其 值 。i 的 
初始 值 是 0， 因 此 这 上 段 代 码 会 输出 0 到 9。 
for (var i = 0; i < 10; i++) { 


console.1og(I) ; 


} 
我 们 要 关注 的 下 一 种 循环 是 while 循环 。 当 while 的 条 件 判断 成 立时 ， 会 执行 循环 内 的 代 
码 。 下 面 的 代码 里 ， 有 一 个 初始 值 为 0 的 变量 i ,我 们 希望 在 i 小 于 10 ( 即 小 于 等 于 9 ) 时 输出 
它 的 值 。 输 出 会 是 0 到 9。 
Var i = 0;} 
while (i < 10) { 
console.1o0g(i); 
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| 2 

do...while 循环 和 while 循环 很 相似 。 区 别 是 : 在 while 循环 里 ， 先 进行 条 件 判断 再 执 
行 循环 体 中 的 代码 ， 而 在 ao.. .while 循环 里 ， 是 先 执行 循环 体 中 的 代码 再 判断 循环 条 件 。 
do...while 循环 至 少 会 让 循环 体 中 的 代码 执行 一 次 。 下 面 的 代码 同样 会 输出 0 到 9。 

var i = 0; 

do { 

console.1o0g (i); 
hd 1 


1.5 ”函数 


在 用 JavaScript 编程 时 ， 函 数 很 重要 。 我 们 的 例子 里 也 用 到 了 函数 。 
下 面 的 代码 展示 了 函数 的 基本 语法 。 它 没有 用 到 参数 或 return 语句 。 


function sayHello() { 
console.log('Hello!'); 


} 

















要 执行 这 段 代码 ， 只 需要 使 用 下 面 的 语句 。 


sayHello(); 











我 们 也 可 以 传递 参数 给 函数 。 参数 是 会 被 函数 使 用 的 变量 。 下面 的 代码 展示 了 如 何在 函数 中 
使 用 参数 。 
function output (text) { 


console.log (text); 


} 
我 们 可 以 通过 以 下 代码 使 用 该 函数 。 
output ('Hellol'): 


你 可 以 传递 任意 数量 的 参数 ， 如 下 所 示 。 


output('Hello!', 'Other text'),; 























在 这 个 例子 中 ， 函 数 只 使 用 了 传人 的 第 一 个 参数 ， 第 二 个 参数 被 忽略 。 
函数 也 可 以 返回 一 个 值 ， 例 如 : 


function sum(numl, num2) { 
return numl + num2; 


} 
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这 个 函数 计算 了 给 定 两 个 数 之 和 ， 并 返回 结果 。 我 们 可 以 这 样 使 用 : 


Var result = sum(1, 2); 
output (result); // 输出 3 


1.6 JavaScript 面向 对 象 编程 
JavaScript 里 的 对 象 就 是 普通 名 值 对 的 集合 。 创 建 一 个 普通 对 象 有 两 种 方式 。 第 一 种 方式 是 : 






































Var obj = new Object () : 
第 二 种 方式 是 : 
var obj = {}; 
我 们 也 可 以 这 样 创 建 一 个 完整 的 对 象 : 
obj = { 
name: { 
first: 'Gandalf', 


last: ‘the Grey' 


} 
address: 'Middle Earth' 


}; 

可 以 看 到 ， 声 明 JavaScript 对 象 时 ， 键 值 对 中 的 键 就 是 对 象 的 属性 ， 值 就 是 对 应 属性 的 值 。 
在 本 书 中 ,我 们 创建 的 所 有 的 类 , 如 stack、Set、 LinkedList、 Dictionary、 Tree、 Graph 
等 ， 都 是 JavaScript 对 象 。 

在 面向 对 象 编程 (OOP ) 中 ， 对 象 是 类 的 实例 。 一 个 类 定义 了 对 象 的 特征 。 我 们 会 创建 
类 来 表示 算法 和 数据 结构 。 例 如 我 们 如 下 声明 一 个 类 (构造 函数 ) 来 表示 书 。 






























































肛 多 


~ 


function Book(title, pages, isbn) { 
thies:, titLe -tit le, 
this.pages = pages; 
this.isbn = iskbn; 


} 
用 下 面 的 代码 实例 化 这 个 类 。 


Var book = new Book('title', 'pag', 'isbn'); 


计 





然后 ， 我 们 可 以 访问 和 修改 对 象 的 属性 


console.log(book.title); // 输出 书 名 
book.title = 'new title'; // 修改 书 名 
console.log (book.title); // 输出 新 的 书 名 


O 








类 可 以 包含 函数 ( 通常 也 称 为 方法 )。 可 以 声明 和 使 用 函数 /方法 ， 如 下 所 示 。 
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Book.prototype.printTitle = function() { 
console.log(this.title); 
} 3 


book.printTitle(); 
我 们 也 可 以 直接 在 类 的 定义 里 声明 函数 。 


function Book(title, pages, isbn) { 
this. title es., titles 
this.pages = pages; 
this.isbn = isbn; 
this. printTisbn = functionm()y { 
console.log(this.isbn); 
> 
} 
book.printIsbn(); 





在 prototype 的 例子 里 , printTitle 函数 只 会 创建 一 次 , 在 所 有 实例 中 共享 。 
如 果 在 类 的 定义 里 声明 , 就 像 前 面 的 例子 一 样 , 则 每 个 实例 都会 创建 自己 的 函数 
副本 。 使 用 prototype 方法 可 以 节约 内 存 和 降低 实例 化 的 开销 。 不 过 

0 prototype 方法 只 能 声明 public 函数 和 属性 ， 而 类 定义 可 以 声明 只 在 类 的 内 
部 访问 的 private 函数 和 属性 。ECMAScript2015 (ES6 ) 引入 了 一 套 既 像 类 定 
义 又 基于 原型 的 简化 语法 。 稍 后 我 们 会 进一步 讨论 。 


1.7 ”调试 工具 





除了 学 会 如 何 用 JavaScript 编程 外 ， 还 需要 了 解 如 何 调试 代码 。 调 试 对 于 找到 代码 中 的 错误 














十 分 有 帮助 , 也 能 让 你 低速 执行 代码 , 从 而 看 到 所 有 发 生 的 事情 (方法 被 调用 的 栈 、 变 量 赋 值 等 ) 














le 


极力 推荐 你 花 一 些 时 间 学 习 一 下 如 何 调试 书 中 的 源 代码 , 查看 算法 的 每 一 步 ( 这 样 也 会 让 你 对 算 


法 有 深刻 的 理解 )。 





Firefox、Safari、Edge 和 Chrome 都 支持 调试 。 有 一 个 了 解 谷歌 开发 者 工具 的 好 教程 ， 地 址 





是 https://developer.chrome.com/devtools/docs/javascript-debugging。 


除了 你 喜好 的 编辑 器 外 ， 这 里 推荐 其 他 几 个 工具 ， 可 以 提升 编写 JavaScript 的 效率 。 




















可 以 下 载 一 个 30 天 试用 版 本 体验 一 下 。 





口 WebStorm: 这 是 一 个 很 强大 的 IDE， 支持 最 新 的 Web 技术 和 框架 。 它 不 是 免费 的 , 但 你 








口 Sublime Text: 这 是 一 个 轻 量 级 的 文本 编辑 器 ,可 以 自 定义 插件 。 你 可 以 购买 它 的 许可 说 
来 支持 这 个 工具 的 开发 ， 也 可 以 免费 使 用 (试用 版 不 会 过 期 )。 











支持 ， 也 可 以 自 定 义 捅 件 。 








D Atom: 这 也 是 一 个 轻 量 级 的 文本 编辑 器 ， 由 GitHub 创建 。 它 为 JavaScript 提供 了 很 好 的 
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口 Visual Studio Code: 这 是 一 个 免费 、 开 源 的 代码 编辑 器 ， 由 微软 使 用 TypeScript 开发 。 | 
它 使 用 IntelliSense 提供 JavaScript 代码 自动 补 全 功能 ， 并 在 编辑 器 内 直接 提供 了 内 置 的 
调试 功能 。 同 样 可 以 自 定义 其 插件 。 


上 述 所 有 编辑 器 都 同时 支持 Windows、Linux 和 Mac OS。 











使 用 VSCode 进行 调试 


要 直接 在 VSCode 中 调试 JavaScript 或 ECMAScript 代码 ,首先 需要 安装 Debugger for Chrome 
扩展 。 


然后 ， 启 动 Web Server for Chrome 扩展 ， 并 在 浏览 器 中 打开 链接 来 查看 本 书 的 示例 代码 ( 默 
认 的 URL 是 http://127.0.0.1:8887/examples )。 


下 图 展示 了 如 何 直接 在 编辑 器 中 进行 调试 。 





























16-ES2015-ES6-Classes.js 一 javascript-datastructures-algorithms 


4 VARIABLES 18 console,. log(book.title); // outputs the book titl 
eo, 4 Script 19 
Ed 20 book.title = 'new title' // unqdate the value " 国 
CE 21 © "new title" 
> book: Bookititle: newltitles® 22 console.log(book.title); // outputs the book titl 
b Book: class Book { .+ 个 23 
4 WATCH 24 // inheritance (https://g00.gl/hgQvo9) 





Lo 5 27 super(title, pages, isbn); // {2} 

pages: "pag” 28 this.technoLogy = technology; 

title: "new title" 29 } 

30 ER 到 

PROBLEMS OUTPUT DEBUG CONSOLE TERMINAL 将 


title 7 


Fbook. Book ctle. new itie™ | 25 class ITBook extends Book { // {1} 
> 26 constructor(title, pages, isbn, technology) { 
了 | 
加 


4 CALL STACK PAUSED ON BREAKPOI... 


(anonymous function) 








Pthird-edition* OOv 5 个 Ln 23, Col1 Spaces:2 UTF-8 LF Javascript (Babel) ESLint Prettier 图 





(1) 在 编辑 器 中 ,打开 想 要 调试 的 JavaScript 文 件 , 将 鼠标 指针 移 至 行 号 附近 ， 点 击 添加 一 个 
断 点 ( 如 图 中 的 1 所 示 )。 调 试 器 将 在 这 里 停止 ， 然 后 可 以 对 代码 进行 分 析 。 

(2) 当 Web Server 启动 并 运行 之 后 ， 点 击 Debug 界面 (如 图 中 的 2 所 示 )， 选 择 Chrome (如 
图 中 的 3 所 示 )， 并 点 击 运 行 图 标 来 初始 化 调试 进程 。 

(3) Chrome 将 自动 启动 。 导 航 至 我 们 需要 调试 代码 的 示例 。 一 旦 调试 器 搜索 到 添加 了 断 点 的 
那 行 代码 ， 进 程 将 停止 ， 编 辑 器 将 获取 焦点 。 

(4) 我 们 可 以 使 用 项 部 工具 栏 来 控制 代码 的 调试 方式 ( 如 图 中 的 4 所 示 ), 可 以 选择 继续 执行 ， 
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进入 方法 的 调用 ， 跳 至 下 一 行 代码 ， 以 及 重新 执行 或 停止 执行 。 这 和 在 Chrome 等 浏览 顺 中 使 用 
调试 工具 是 一 样 的 。 

(5) 使 用 内 置 调试 功能 的 好 处 是 ， 我 们 可 以 在 编辑 器 中 做 所 有 的 事情 〈 编写 代码 、 调 试 和 测 
试 )。 我 们 也 可 以 在 其 中 查看 声明 的 变量 和 调用 栈 ， 可 以 监听 变量 和 表达 式 〈 如 网 中 的 5 所 示 )， 
可 以 将 鼠标 指针 惹 停 在 变量 上 以 查看 它 当 前 的 值 ( 如 图 中 的 6 所 示 )， 还 可 以 查看 控制 台 的 输出 
( 如 图 中 的 7 所 示 )。 

本 书 的 源 代码 是 使 用 Visual Studio Code 开发 的 ， 也 包含 了 启动 项 的 配置 ， 所 以 你 可 以 直接 


在 VSCode 中 调试 和 测试 代码 ( 所 有 的 细节 都 包含 在 .vscode/launch.json 文件 中 )。 运 行 本 书 源 代 
码 时 推荐 使 用 的 扩展 也 列 在 了 .vscode/extensions.json 文件 中 。 












































1.8 小结 

本 章 主要 讲述 了 如 何 搭建 开发 环境 ， 有 了 这 个 环境 就 可 以 编写 和 运行 书 中 的 示例 代码 。 

本 章 也 讲 了 JavaScript 语言 的 基础 知识 ， 这 些 知识 会 在 接 下 来 的 数据 结构 和 算法 学 习 过 程 中 
用 到 。 

下 一 章 , 我 们 将 学 习 2015 年 以 来 JavaScript 中 新 增 的 功能 ， 以 及 如 何 借助 TypeScript 来 利用 
静态 类 型 和 错误 检查 。 
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JavaScript 语 言 每 年 都 在 进化 。 从 2015 年 起 , 每 年 都 有 一 个 新 版 本 发 布 , 我 们 称 其 为 ECMAScript。 
JavaScript 是 一 门 非常 强大 的 语言 , 也 用 于 企业 级 开发 。 在 这 类 开发 中 (以 及 其 他 类 型 的 应 用 中 )， 
类 型 变量 是 一 个 非常 有 用 的 功能 。 作 为 JavaScript 的 一 个 超 集 ，TypeScript 给 我 们 提供 了 这 样 的 
功能 。 

本 章 ， 你 将 学 习 到 自 2015 年 起 加 入 JavaScript 的 一 些 功能 以 及 在 项 目 中 使 用 有 类 型 版 本 的 
JavaScript 的 好 处 。 本 章 内 容 涵 盖 如 下 几 个 方面 : 


口 介绍 ECMAScript 
口 浏览 需 与 服务 器 中 的 JavaScript 
口 介绍 TypeScript 

















2.1 ECMAScript 还 是 JavaScript 


当 我 们 使 用 JavaScript 时 ， 常 会 在 图 书 、 博 客 和 视频 课程 中 看 到 ECMAScript 这 个 术语 。 那 
么 ECMAScript 和 JavaScript 有 什么 关系 ， 又 有 什么 区 别 呢 ? 


ECMA 是 一 个 将 信息 标准 化 的 组 织 。 长 话 短 说 : 很 久 以 前 ，JavaScript 被 提交 到 ECMA 进行 
标准 化 ， 由 此 诞生 了 一 个 新 的 语言 标准 ， 也 就 是 我 们 所 知道 的 ECMAScript。JavaScript 是 该 标准 
(最 流行 ) 的 一 个 实现 。 




















2.1.1 ES6、ES2015、ES7、ES2016、ES8、ES2017 和 ES.Next 





我 们 知道 ，JavaScript 是 一 种 主要 在 浏览 涡 中 运行 的 语言 (也 可 以 运行 于 NodeJS 服务 端 、 
桌面 端 和 移动 端 设备 中 )， 每 个 浏览 器 都 可 以 实现 自己 版 本 的 JavaScript 功能 ( 稍 后 你 将 在 本 书 
中 学 习 )。 这 个 具体 的 实现 是 基于 ECMAScript 的 ， 因 此 浏览 器 提供 的 功能 大 都 相同 (我 们 的 
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JavaScript 代码 可 以 在 所 有 浏览 器 中 运行 )。 然而， 不 同 的 浏览 器 之 间 ， 每 个 功能 的 行为 也 会 存 
在 细微 的 差别 。 
目前 为 止 , 本 章 给 出 的 所 有 代码 都 是 基于 2009 年 12 月 发 布 的 ECMAScript5 ( 即 ES5, 其 中 
的 ES 是 ECMAScript 的 简称 )” ECMAScript 2015 (ES2015 ) 在 2015 年 6 月 标准 化 ， 距 离 它 的 
上 个 版 本 过 去 了 近 6 年 。 在 ES2015 发 布 前 ，ES6 的 名 字 已 经 变 得 流行 了 。 
负责 起 草 ECMAScript 规 范 的 委员 会 决定 把 定义 新 标准 的 模式 改 为 每 年 更 新 一 次 ， 新 的 特性 
一 旦 通过 就 加 入 标准 。 因 此 ，ECMAScript 第 六 版 更 名 为 ECMAScript 2015 (ES6 )。 






























































2016 年 6 月 ，ECMAScript 第 七 版 被 标准 化 ， 称 为 ECMAScript 2016 或 ES2016 (ES7 )。 








2017 年 6 月 ，ECMAScript 第 八 版 被 标准 化 。 我 们 称 它 为 ECMAScript 2017 或 ES2017 (ES8 )。 
在 写作 本 书 时 ， 这 是 最 新 的 ES 版 本 。 


你 可 能 在 某 些 地 方 见 过 ES.Next。 这 种 说 法 用 来 指 代 下 一 个 版 本 的 ECMAScript。 

本 节 ， 我 们 会 学 习 ES2015 及 之 后 版 本 中 引入 的 一 些 新 功能 ， 它 们 对 开发 数据 结构 和 算法 都 
会 有 帮助 。 

兼容 性 列表 


一 定 要 明白 ， 即 便 ES2015 到 ES2017 已 经 发 布 ， 也 不 是 所 有 的 浏览 器 都 支持 新 特性 。 为 了 
获得 更 好 的 体验 ， 最 好 使 用 你 选择 的 浏览 器 的 最 新 版 本 。 


通过 以 下 链接 ， 你 可 以 检查 在 各 个 浏览 器 中 哪些 特性 可 用 。 
DQ ES2015 〈ES6) : http://kangax.github.io/compat-table/es6/ 

DQ ES2016+: http://kangax.github.io/compat-table/es2016plus/ 

在 ES5 之 后 , 最 大 的 ES 发布 版 本 是 ES2015。 根据 上 面 链接 中 的 兼容 性 表格 来 看 , 它 的 大 部 
分 功能 在 现代 浏览 器 中 都 可 以 使 用 。 即 使 有 些 ES2016+ 的 特性 尚未 支持 , 我 们 也 可 以 现在 就 开始 
用 新 语法 和 新 功能 。 


对 于 开发 团队 交付 的 ES 功能 实现 ，Firefox 默认 开启 支持 。 


在 谷歌 Chrome 浏览 右 中 ， 你 可 以 访问 chrome://flags/#enable-javascript-harmony ， 开 启 
Experimental JavaScript 标志 ， 启 用 新 功能 ， 如 下 图 所 示 。 
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| Oe@ ee $:% chrome://flags/#enable-javasc x 人 Loiane 
€ C |§ Chrome | chrome://flags/#enable-javascript-harmony 从 


Latest stable JavaScript features 
Some web pages use legacy or non-standard JavaScript extensions that may conflict with 








the latest JavaScript features. This flag allows disabling support of those features for Enabled $ 
compatibility with such pages. ~ Mac, Windows, Linux, Chrome OS, Android 
#disable-javascript-harmony-shipping y 

和 


Experimental JavaScript 

四 web pages to Use experimental JavaScript features. ~ Mac, Windows, Linux, Chrome Enabled 
OS, Android 

#enable-javascript-harmony 

Your changes will take effect the next time you relaunch Google Chrome. RELAUNCH NOW 


在 微软 Edge 浏 览 右 中 ,你 可 以 导航 至 about:flags 页 面 并 选择 Enable experimental JavaScript 
features 标志 ( 和 Chrome 中 的 方法 相似 )。 




















即使 开启 了 Chrome 或 Edge 浏览 器 的 实验 性 JavaScript 功能 标志 ，ES2016+ 的 
0 部 分 特性 也 可 能 不 受 支持 ，Firefox 同样 如 此 。 要 了 解 各 个 浏览 器 所 支持 的 特性 
请 查看 兼容 性 列表 。 


2.1.2 使 用 Babeljs 


Babel 是 一 个 JavaScript 转译 器 , 也 称 为 源 代码 编译 器 。 它 将 使 用 了 ECMAScript 语 言 特性 的 
JavaScript 代码 转换 成 只 使 用 广泛 支持 的 ES5 特性 的 等 价 代码 。 


使 用 Babeljs 的 方式 多 种 多 样 。 一 种 是 根据 设置 文档 ( https://babeljs.io/docs/setup/ ) 进行 安装 。 
另 一 种 方式 是 直接 在 浏览 器 中 试用 ( https://babeljs.io/repl/ )， 如 下 图 所 示 。 

















@9e@ BD Babel: The compiler for writin x Loiane 


KC C | @@ Secure https://babeljs.io/repl#?babili=false&browsers=... 提交 


BNPEL a 三 
1 console.1log( 'Babejll| 本溪 1 usesstrlicto, 


2 
3 console.1log('Babel'); 











针对 后 续 章 节 中 出 现 的 所 有 例子 ， 我 们 都 将 提供 一 个 在 Babel 中 运行 和 测试 的 链接 。 
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2.2 ECMAScript 2015+ 的 功能 


本 节 ， 我 们 将 演示 如 何 使 用 ES2015 的 一 些 新 功能 。 这 既 对 日 常 的 JavaScript 编码 有 用 ， 也 
可 以 简化 本 书后 面 章节 中 的 例子 。 


我 们 将 介绍 以 下 功能 。 


口 使 用 1et 和 const 声明 变量 
口 模板 字面 量 

口 解构 

口 展开 运算 符 

口 箭头 函数 : => 

口 类 

口 模块 











2.2.1 用 1et 替代 var 声明 变量 


到 ES5 为 止 ， 我 们 可 以 在 代码 中 任意 位 置 声明 变量 ， 甚 至 重 写 已 声明 的 变量 ， 代 码 如 下 。 


Var framework = 'Angular'; 
Var framework = 'React'; 
console.log (framework); 

















上 面 代码 的 输出 是 React ， 该 值 被 赋 给 最 后 声明 的 framework 变量 。 这 段 代 码 中 有 两 个 同 
名 的 变量 ， 这 是 非常 危险 的 ， 可 能 会 导致 错误 的 输出 。 


C、Java、C# 等 其 他 语言 不 允许 这 种 行为 。ES2015 引入 了 一 个 1et 关键 字 ， 它 是 新 的 var， 
这 意味 着 我 们 可 以 直接 把 var 关键 字 都 替换 成 1st。 以 下 代码 就 是 一 个 例子 。 
let language = 'JavaScript!'; // {1} 


let language = 'RUuby!'; // {2} - 抛 出 错误 
console.log(language); 






































行 {2} 会 抛 出 错误 ,因为 在 同一 作用 域 中 已 经 声明 过 1anguage 变量 ( 行 {1} )。 后 面 会 讨论 
let 和 变量 作用 域 。 


《3 你 可 以 访问 http://t.cn/EGbEFux， 测 试 和 执行 上 面 的 代码 。 








ES2015 还 引入 了 const 关键 字 。 它 的 行为 和 let 关键 字 一 样 ,唯一 的 区 别 在 于 , 用 const 


定义 的 变量 是 只 读 的 ， 也 就 是 常量 。 


举例 来 说 ， 考 虑 如 下 代码 : 
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Const, PL = 3.14L5933 

PI = 3.0; // 抛 出 错误 

console.1log (PI); 

当 我 们 试图 把 一 个 新 的 值 赋 给 pI， 甚至 只 是 用 var PI 或 let PI 重新 声明 时 ， 代 码 就 会 
抛 出 错误 ， 告 诉 我 们 PI 是 只 读 的 。 


下 面 来 看 const 的 另 一 个 例子 。 我 们 将 使 用 const 来 声明 一 个 对 象 。 


constjsFramework = { 
name: 'Angular' 


jg 









































性 。 


el 


尝试 改变 jsFramework 变量 的 name 

jsFramework.name = 'React'; 

如 果 试 着 执行 这 段 代码 ， 它 会 正常 工作 。 但 是 const 声明 的 变量 是 只 读 的 ! 为 什么 这 里 可 
以 执行 上 面 的 代码 呢 ? 对 于 非 对 象 类 型 的 变量 ,比如 数 、 布 尔 值 甚至 字符 串 , 我 们 不 可 以 改变 变 
量 的 值 。 当 遇 到 对 象 时 ， 只 读 的 const 允许 我 们 修改 或 重新 赋值 对 象 的 属性 ， 但 变量 本 身 的 引 
用 (内存 中 的 引用 地 址 ) 不 可 以 修改 ， 也 就 是 不 能 对 这 个 变量 重新 赋值 。 


如 果 像 下 面 这 样 尝试 给 jsFramework 变量 重新 赋值 , 编译 器 会 抛 出 异常 ( "jsFramework" 


is read-only )。 


















































// 错误 ， 不 能 重新 指定 对 象 的 引用 
jsFramework = { 
name: 'Vue' 


}; 
个 你 可 以 访问 http:/t.cn/EGbnYXG 执行 上 面 的 例子 。 


let 和 const 的 变量 作用 域 
我 们 通过 下 面 这 个 例子 (http:/sina.IUfQNW ) 来 理解 let 或 const 关键 字 声 明 的 变量 如 何 


工作 。 
let movie = 'Lord of the Rings'; // {1} 
//var movie = 'Batman V Superman'; // 抛 出 错误 ，movie 变量 已 声明 
function starWarsFan() { 
const movie = 'Star Wars'; // {2} 


return movie; 


} 


function marvelFan() { 
movie = 'The Avengers'; // {3} 
return movie; 


} 
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function blizzardFan() { 
const isFan = true; 
Jet phrase = 'Warcraft'; // {4} 
console.log('Before if: ' + phrase); 
if (isFan) { 
let plirase 二: "nitial text "ss,. // {SF 
phrase = 'For the Horde!'; // {6} 
console.log('Inside if: ' + phrase); 
} 
phrase = 'For the Alliance!'; // {7} 
console.log('After if: ' + phrase); 


} 


console.log(movie); // {8} 


( 
console.log(starWarsFan()); // {9} 
console.log(marvelFan()); // {10} 
console.log(movie); // {11} 
blizzardFan(); // {12} 

以 上 代码 的 输出 如 下 。 


Lord of the Rings 

Star Wars 

The Avengers 

The Avengers 

Before if: Warcraft 

Inside if: For the Horde! 
After if: For the Alliance! 


现在 ， 我 们 来 讨论 得 到 这 些 输出 的 原因 。 


口 我 们 在 行 {1} 声 明了 一 个 movie > 变量 并 赋值 为 Lord of the Rings， 然 后 在 行 18} 输 出 

它 的 值 。 你 在 本 章 已 经 学 过 ， 这 个 变量 拥有 全 局 作用 域 。 

口 我 们 在 行 {9} 执 行 了 starwarsFan 图 数 。 在 这 个 函数 里 , 我 们 也 声明 了 一 个 movie 变 
量 ( 行 {2} )。 这 个 函数 的 输出 是 star Wars， 因 为 行 {2} 的 ee 也 就 

是 说 它 只 在 函数 内 部 可 见 。 

口 我 们 在 行 {10} 执 行 了 marvelFan 函数 。 在 这 个 函数 里 , 我 们 改变 了 movie 变量 的 值 ( 行 
{3} )。 这 个 变量 是 行 {1} 声 明 的 全 局 变量 。 因 此 , 行 {11} 的 全 局 变量 输出 和 行 {10} 的 输 
出 相同 ， 都 是 The Avengers。 

口 最 后 ， 我 们 在 行 {12} 执 行 了 blizzarqFan 函数 。 在 这 个 函数 里 ， 我 们 声明 了 一 个 拥有 
函数 内 作用 域 的 phrase 变量 ( 行 {4} )。 然 后 ， 又 声明 了 一 个 phrase 变量 ( 行 15)} )， 
但 这 个 变量 的 作用 域 只 在 if 语句 内 。 

口 我 们 在 行 16} 改 变 了 phrase 的 值 。 由 于 还 在 if 语句 内 ， 值 发 生 改 变 的 是 在 行 15} 声 明 

的 变量 。 

口 然后 ， 我 们 在 行 17} 再 次 改变 了 phrase 的 值 ， 但 由 于 不 是 在 if 语句 内 ， 行 14} 声 明 的 

变量 的 值 改 变 了 。 
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作用 域 的 行为 与 在 Java 或 C 等 其 他 编程 语言 中 一 样 。 然 而 ， 这 是 ES2015 (ES6 ) 才 引 入 到 
JavaScript 的 。 


注意 ， 在 本 节 展 示 的 代码 中 ， 我 们 混用 了 let 和 const。 应 该 使 用 哪 一 个 呢 ? 
有 些 开发 者 (和 一 些 检查 工具 ) 倾向 于 在 变量 的 引用 不 会 改变 时 使 用 const。 
但 是 ， 这 是 个 人 喜好 问题 ， 没 有 哪个 是 错 的 ! 


2.2.2 ”模板 字面 量 
模板 字面 量 真 的 很 棒 ， 因 为 我 们 创建 字符 串 的 时 候 不 必 再 拼接 值 。 
举例 来 说 ， 考 虑 如 下 ES5 代码 。 


const book = { 
name: ' 学 习 JavaScript 数据 结构 与 算法 ' 
过 
console.1og(' 你 正在 阅读 ' + book.name + '.,\n 这 是 新 的 一 行 \n 这 也 是 ) ; 


我 们 可 以 用 如 下 代码 改进 上 面 这 个 console.1og 输出 的 语法 。 
console.1log(` 你 正在 阅读 S${book.name}。 

这 是 新 的 一 行 

这 也 是 。)， 





























模板 字面 量 用 一 对 ` 包 里 。 要 插入 变量 的 值 ， 只 要 把 变量 放 在 ${} 里 就 可 以 了 , 就 像 例 子 中 的 


book .nameo 











模板 字面 量 也 可 以 用 于 多 行 的 字符 串 , 再 也 不 需要 用 \n 了 。 只 要 按 下 键盘 上 的 Enter 就 可 以 
换 一 行 ， 就 像 上 面 例子 里 的 这 是 新 的 一 行 。 


这 个 功能 对 简化 我 们 例子 的 输出 非常 有 用 ! 








6 你 可 以 访问 http:/t.cn/EGb17Xt 执行 上 面 的 例子 。 


2.2.3 ”箭头 函数 
ES2015 的 箭头 函数 极 大 地 简化 了 函数 的 语法 。 考 虑 如 下 例子 。 


Var circleAreaES5 = function circleAreal(r) { 
VT 当下 -二 和 下 下 
VAr dPed = PI 全 
return area; 

}; 


console.log(circleAreaES5 (2)); 
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上 面 这 段 代码 的 语法 可 以 简化 为 如 下 代码 。 


const circleArea = rr =>{ // {1} 
CONnst PE .3 L4y 
const area = PI * r*r; 
return area; 

ja 


console.log(circleArea (2)); 

这 个 例子 最 大 的 区 别 在 于 行 {1}， 我 们 可 以 省 去 function 关键 字 ， 只 用 =>。 

如 果 函 数 只 有 一 条 语句 ， 还 可 以 变 得 更 简单 ， 连 return 关键 字 都 可 以 省 去 。 看 看 下 面 的 
代码 。 


Const circleArea2 = Ir => 314 * wr; 
console.log(circleArea2 (2) ) ; 


如 果 函 数 不 接收 任何 参数 ， 我 们 就 使 用 一 对 空 的 圆 括号 ， 这 在 ES5 中 经 常 出 现 。 


const hello = () => console.log('hello!'); 
hello(); 





人 你 可 以 访问 http://t.cn/EGblfte 执行 上 面 的 例子 。 


2.2.4 函数 的 参数 默认 值 
在 ES2015 里 ， 函 数 的 参数 还 可 以 定义 默认 值 。 下 面 是 一 个 例子 。 


function sum(x = 1, y=2,z= 3){ 
return xX+YyYy+ 2; 

} 

console.log(sum(4，2)); // 输出 9 


由 于 我 们 没有 传人 参数 z， 它 的 值 默 认为 3。 因 此 , 4 + 2 + 3 == 9。 
在 ES2015 之 前 ， 上 面 的 函数 只 能 写成 下 面 这 样 。 


function sum(x, y, 2) { 

















if (x === undefined) x = 1; 
if (ly === undefined) y = 2; 
站 (Nefined) “SS 光 汉 
return x +Yy + 2; 

} 

也 可 以 写成 下 面 这 样 。 

function sum() { 

Var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] 


8 
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var y = arguments.length > 1 && arguments[1] !== undefined ? arguments [1] 
人 过 这 
Var z = arguments.length > 2 && arguments [2] !== undefined ? arguments [2] 


3 
return x +Yy + 2; 
} 


JavaScript 函数 中 有 一 个 内 置 的 对 象 , 叫 作 arguments 对 象 。 它 是 一 个 数组 ， 包 
含 函 数 被 调用 时 传 入 的 参数 。 即使 不 知道 参数 的 名 称 , 我 们 也 可 以 动态 获取 并 使 
用 这 些 参 数 。 


有 了 ES2015 的 参数 默认 值 ， 代 码 可 以 少 写 好 几 行 。 








ED 你 可 以 访问 http://t.cn/EGb1QHS 执行 上 面 的 例子 。 


2.2.5 ”声明 展开 和 剩余 参数 


在 ES5 中 ,我 们 可 以 用 apply () 函数 把 数组 转化 为 参数 。 为 此 ，ES2015 有 了 展开 运算 符 
( ... ),。 举例 来 说 ， 考 虑 我 们 上 一 节 声明 的 sum 函数 。 可 以 执行 如 下 代码 来 传人 参数 x、y 和 z。 


let params = [3, 4, 5]; 
console.log(sum(...params)); 


以 上 代码 和 下 面 的 ES5 代码 的 效果 是 相同 的 。 


console.log(sum.apply (undefined, params)); 


在 函数 中 ,展开 运算 符 (... ) 也 可 以 代替 arguments， 当 作 剩 余 参数 使 用 。 考 虑 如 下 这 个 
例子 。 


function restParamaterFunction (x, y, ...a) { 
return (x + y) * a.length; 
} 


console.log(restParamaterFunction(1, 2, "hello", true, 7)); 


以 上 代码 和 下 面 代码 的 效果 是 相同 的 〈 同样 输出 9 )。 


function restParamaterFunction (x, y) { 
var a = Array.prototype.slice.call (arguments, 2); 
return (x + y) * a.length; 

} 


console.log(restParamaterFunction(1, 2, 'hello', true, 7)); 














你 可 以 访问 http://t.cn/EGbBP4e 执行 展开 运算 符 的 例子 ,访问 http://t.cn/EGbBqXf 
执行 剩余 参数 的 例子 。 
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2.2.6 ”增强 的 对 象 属性 
ES2015 引入 了 数组 解构 的 概念 ， 可 以 用 来 一 次 初始 化 多 个 变量 。 考 虑 如 下 例子 。 














Tet [XY] ea, TB]? 
以 上 代码 和 下 面 代码 的 效果 是 相同 的 。 
Let EE a 
let y = 'b'; 
数组 解构 也 可 以 用 来 进行 值 的 互 换 ， 而 不 需要 创建 临时 变量 ， 如 下 所 示 。 
[x, y] = [y, XxX]; 








以 上 代码 和 下 面 代码 的 效果 是 相同 的 。 
Var temp = XxX; 


又 三 YY 
y = temp; 


这 对 你 学 习 排序 算法 会 很 有 用 ， 因 为 互 换 值 的 情况 很 常见 。 
还 有 一 个 称 为 属性 简写 的 功能 ， 它 是 对 象 解构 的 另 一 种 方式 。 考 虑 如 下 例子 。 
let: [x ‘Ys: 5 


sa 
Tet :OBI (XY 
console.log(obj); // { x: "a", y: "b" } 


以 上 代码 和 下 面 代码 的 效果 是 相同 的 。 








和 

Var Wa Ms 

Var, OBIj2 SS 
CONSoOLle,. LO (OB A/ { XY a, Yi TB 














本 节 要 讨论 的 最 后 一 个 功能 是 简写 方法 名 ( shorthand method name )。 这 使 得 开发 者 可 以 在 对 
象 中 像 属 性 一 样 声明 函数 。 下 面 是 一 个 例子 。 


const hello = { 
name: 'abcdef', 
printHello() { 
console.log('Hello'); 
} 
js 
console.log(hello.printHello()); 


以 上 代码 也 可 以 写成 下 面 这 样 。 


var hello = { 
name: 'abcdef', 
printHello: function printHello() { 
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console.log('Hello'); 
} 
}: 
console.log(hello.printHello()); 





你 可 以 访问 以 下 URL 执行 上 面 三 个 例子 。 
口 数组 解构 : http://t.cn/EGbBYYT 
2 口 变量 互 换 : http://t.cn/EGbBswS 
口 属性 简写 : http://t.cn/EGbrUJi 


2.2.7 使 用 类 进行 面向 对 象 编程 
ES2015 还 引入 了 一 种 更 简洁 的 声明 类 的 方式 。 你 已 经 在 1.6 节 学 习 了 像 下 面 这 样 声明 一 个 
Book 类 的 方式 o 











function Book(title, pages, isbn) { // {1} 
this title = titIe, 
this.pages = pages; 
this.isbn = isbn; 

} 

Book.prototype.printTitle = function() { 
console.log(this.title); 

de 


我 们 可 以 用 ES2015 把 语法 简化 ， 如 下 所 示 。 


class Book { // {2} 
constructor (title, pages, isbn) { 
this.title = titleés 
this.pages = pages; 
th Lieb ss 8b 
} 
printIsbn() { 
console.log(this.isbn); 
} 
} 


只 需要 使 用 class 关键 字 , 声明 一 个 有 constructor 限 数 和 诸如 printIsbn 等 其 他 汤 数 
的 类 。ES2015 的 类 是 基于 原型 语法 的 语法 糖 。 行 {1} 声 明 Book 类 的 代码 与 行 {2} 声 明 的 代码 具 
有 相同 的 效果 和 输出 。 


let book = new Book('title', 'pag', 'isbn'); 
console.log (book.title); // 输出 图 书 标题 
book.title = 'new title'; // 更 新 图 书 标 题 
console.log (book.title); // 输出 图 书 标题 

















的 你 可 以 访问 http:/t.cn/EGbroRC 执行 上 面 的 例子 。 
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1. 继承 
ES2015 中 ， 类 的 继承 也 有 简化 的 语法 。 我 们 看 一 个 例子 。 


class ITBook extends Book { // {1} 
constructor (title, pages, isbn, technology) { 
super (title, pages, isbn); // {2} 
this.technology = technology; 
让 


printTechnology() { 
console.log(this.technology); 
} 
} 
let jsBook = new ITBook(' 学 习 JS 算法 '，'200'，'1234567890'， 'JavaScript'); 
console.log(jsBook.title); 
console.log(jsBook.printTechnology ()); 





我 们 可 以 用 extends 关键 字 扩 展 一 个 类 并 继承 它 的 行为 ( 行 {1} )。 在 构造 函数 中 ,我 们 也 
可 以 通过 super 关键 字 引 用 父 类 的 构造 函数 ( 行 {2} )。 


尽管 在 JavaScript 中 声明 类 的 新 方式 所 用 的 语法 与 Java、C、C++ 等 其 他 编程 语言 很 类 似 , 但 
JavaScript 面向 对 象 编程 还 是 基于 原型 实现 的 。 
































6 你 可 以 访问 http://sina.lt/fQPa 执行 上 面 的 例子 。 


2. 使 用 属性 存 取 器 


ES2015 也 可 以 为 类 属性 创建 存 取 带 函数 。 虽然 不 像 其 他 面向 对 象 语言 ( 封装 概念 )， 类 的 属 
性 不 是 和 有 的 ， 但 最 好 还 是 遵循 一 种 命名 模式 。 


是 
下 面 的 例子 是 一 个 声明 了 get 和 set 函数 的 类 。 


class Person { 
constructor (name) { 
this. name = name; // {1} 
} 
get name() { // {2} 
return this. name; 
3 
set name(value) { // {3} 
this. name = value; 
} 
} 

















let lotrChar = new Person('Frodo'); 
console.log(lotrChar.name); // {4} 


lotrChar.name = 'Gandalf'; // {5} 
console.log(lotrChar.name);} 
lotrChar._ name = 'Sam'; // {6} 


console.log(lotrChar.name); 
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要 声明 get 和 set 清 数 , 只 需要 在 我 们 要 暴露 和 使 用 的 函数 名 前 面 加 上 get 或 set 关键 字 
( 行 {2} 和 行 {3} )。 我 们 可 以 用 相同 的 名 字 声 明 类 属性 ， 或 者 在 属性 名 前 面 加 下 划 线 ( 行 {1} )， 
让 这 个 属性 看 起 来 像 是 私有 的 。 


























然后 ,只 要 像 普通 的 属性 一 样 ,引用 它们 的 名 字 ( 行 {4} 和 行 {5} ), 就 可 以 执行 get 和 set 
函数 了 。 








_name 并 非 真 正 的 私有 属性 ， 我们 仍然 可 以 引用 它 ( 行 {6} )。 本 书后 面 的 章节 还 会 谈 到 这 
一 点 


oO 


(起 你 可 以 访问 http://t.cn/EGbd6GL 执行 上 面 的 例子 。 


2.2.8 乘 方 运算 符 


乘 方 运算 符 在 进行 数学 计算 时 非常 有 用 。 作 为 示例 ， 我 们 使 用 公式 计算 一 个 圆 的 面积 。 


Sonat rea SS I 








也 可 以 使 用 Math .pow 函数 来 写 出 具有 相同 功能 的 代码 。 


const area = 3.14 * Math.pow(r, 2); 





ES2016 中 引入 了 ** 运 算 符 ， 用 来 进行 指数 运算 。 我 们 可 以 像 下 面 这 样 使 用 指数 运算 符 计算 
一 个 圆 的 面积 。 


Gonst area = 34 (EK 2 
6 你 可 以 访问 http:/tcn/EGbdTOr 执行 上 面 的 例子 。 
ES2015+ 还 提供 了 一 些 其 他 功能 ,包括 列表 适 代 器 .类 型 数组 .set Map .WeakSet .WeakMap、 
尾 调用 、for. .of、 Symbol、 Array.prototype.includes.、 尾 妈 号、 字符 串 补 全 、 静态 对 象 


方法 ， 等 等 。 我 们 在 后 续 章 节 会 学 习 到 其 中 的 一 些 功能 。 


你 可 以 在 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 查阅 JavaScript 
和 ECMAScript 的 完整 功能 列表 。 


2.2.9 模块 


Nodejs 开发 者 已 经 很 熟悉 用 require 语句 (CommonJS 模块 ) 进行 模块 化 开发 了 。 同 样 ， 
还 有 一 个 流行 的 JavaScript 模 块 化 标准 , 叫 作 异步 模块 定义 (AMD )。RequireJS 是 AMD 最 流行 
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的 实现 。ES2015 在 JavaScript 标准 中 引入 了 一 种 官方 的 模块 功能 。 让 我 们 来 创建 并 使 用 模块 吧 。 


要 创建 的 第 一 个 模块 包含 两 个 用 来 计算 几何 图 形 面积 的 函数 。 在 一 个 文件 (17-CalcArea.js ) 
中 添加 如 下 代码 。 


const circleArea = 工 => 3.14 * ( 工 ** 2); 








Const squareArea =S => S * s; 

export { circleArea, squareArea }; // {1} 

这 表示 我 们 暴露 出 了 这 两 个 函数 ， 以 便 其 他 文件 使 用 ( 行 {1} )。 只 有 被 导出 的 成 员 才 对 其 
他 模块 或 文件 可 见 。 

在 本 示例 的 主 文件 (17-ES2015-ES6-Modules.js ) 中 ， 我 们 会 用 到 在 17-CalcArea.js 文件 中 声 
明 的 函数 。 下 面 的 代码 片段 展示 了 如 何 使 用 这 两 个 函数 。 


import { circleArea, squareArea } from './17-CalcArea'; // {2} 














console.log(circleArea (2)); 
console.log(squareArea (2)); 


首先 ， 需要 在 文件 中 导入 要 使 用 的 函数 ( 行 {2} )， 之 后 就 可 以 调用 它们 了 。 
如 果 需 要 使 用 circleaArea 国 数 ， 也 可 以 只 导 和 人 这 个 函数 。 


import { circleArea } from './17-CalcArea'; 

基本 上 ,模块 就 是 在 单个 文件 中 声明 的 JavaScript 代码 。 我 们 可 以 用 JavaScript 代码 直接 从 
其 他 文件 中 导入 函数 、 变 量 和 类 ( 不 需要 像 几 年 前 JavsScript 还 不 够 流行 的 时 候 那 样 ， 事 先 在 
HTML 中 按 顺序 引入 若干 文件 )。 模块 功能 让 我 们 在 创建 代码 库 或 开发 大 型 项 目 时 能 够 更 好 地 组 
织 代 码 。 

我 们 可 以 像 下 面 这 样 ， 在 导入 成 员 后 对 其 重 命名 。 

import { circleArea as circle } from './17-CalcArea'; 
也 可 以 在 导出 函数 时 就 对 其 重 命名 。 

export { circleArea as circle, squareArea as square }; 

这 种 情况 下 , 在 导入 被 导出 的 成 员 时 ， 需 要 使 用 导出 时 重新 命名 的 名 字 ， 而 不 是 原来 内 部 使 
用 的 名 字 。 

import { circle, square } from './17-CalcArea'; 


同样 ,我 们 也 可 以 使 用 其 他 方式 在 男 一 个 模块 中 导入 函数 。 
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import * as area from './17-CalcArea'; 


console.log(area.circle(2)); 





console.logl(area.square (2)) 

这 种 情况 下 , 可 以 把 整个 模块 当 作 一 个 变量 来 导入 , 然后 像 使 用 类 的 属性 和 方法 那样 调用 被 Eo 
导出 的 成 员 。 

还 可 以 在 需要 被 导出 的 函数 或 变量 前 添加 export 关键 字 。 这 样 就 不 需要 在 文件 末尾 写 导出 
声明 了 。 


export const circleArea 
export const squareArea 


假设 模块 中 只 有 一 个 成 员 ， 而 且 需 要 将 其 导出 。 可 以 像 下 面 这 样 使 用 export default 关 
键 字 。 


export default class Book { 
constructor(title) { 
thies. titie, = titles 
} 
printTitle() { 
console.log(this.title); 
} 
} 


可 以 使 用 如 下 代码 在 男 一 个 模块 中 导入 上 面 的 类 。 


import Book from './17-Book'; 














和 
-二 2 和 8 








const myBook = new Book('some title'); 
myBook.printTitle(); 


注意 , 在 这 种 情况 下 ,我 们 不 需要 将 类 名 包含 在 花 括号 ( {} ) 中 。 只 在 模块 有 多 个 成 员 被 导 
出 时 使 用 花 括 号 。 


在 后 面 的 章节 中 ， 我 们 需要 使 用 模块 来 创建 数据 结构 和 算法 库 。 





要 了 解 更 多 有 关 ES2015 模块 的 信息 ， 请 查阅 http://exploringjs.com/es6/ch_modules. 
html。 你 也 可 以 下 载 本 书 的 源 代码 包 来 查看 本 示例 的 完整 代码 。 


1. 在 浏览 器 中 使 用 Node.js 运行 ES2015 模块 
我 们 尝试 像 下 面 这 样 直 接 执 行 node 指令 来 运行 17-ES2015-ES6-Modules.js 文件 。 


cd path-source-bundle/examples/chapter01 
node 17-ES2015-ES6-Modules 




















我 们 会 得 到 错误 信息 syntaxError: Unexpected token import。 这 是 因为 在 写作 本 书 
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的 时 候 ，Node.js 还 不 支持 原生 的 ES2015 模块 。Node.js 使 用 的 是 CommonJS 模块 的 require 
语法 。 这 表示 我 们 需要 转译 ES2015 代码 ， 使 得 Node 可 以 理解 。 有 不 同 的 工具 可 以 完成 这 项 任 
务 。 简 单 起 见 ， 我 们 将 使 用 Babel 命令 行 工 具 。 











完整 的 Babel 安装 和 使 用 细节 可 以 在 https://babeljs.io/docs/setup 和 https://babeljs.io/ 
docs/usage/cli/ 查 阅 。 




















最 好 的 方式 是 创建 一 个 本 地 项 目 ， 并 在 其 中 进行 Babel 的 配置 。 遗 憾 的 是 ， 这 些 细 节 不 在 本 
书 的 讨论 范围 之 内 (这 应 该 是 Babel 相关 图 书 的 主题 )。 为 了 使 本 例 保 持 简单 ， 我 们 将 用 npm 安 
装 在 全 局 使 用 的 Babel 命令 行 工具 。 


npm install -g babel-cli 


如 果 你 使 用 的 是 Linux 或 Mac OS， 可 能 需要 在 命令 前 加 上 sudo 指令 来 获取 管理 员 权 限 


(sudo npm install -g babel-cli ), 


在 chapter01 目录 中 ， 我 们 需要 用 Babel 将 之 前 创建 的 3 个 JavaScript 模块 文件 转译 成 
CommonJS 代码 ,使 得 Node.js 可 以 执行 它们 ,我 们 会 用 以 下 命令 将 转译 后 的 代码 放 在 chapter01/lib 
目录 中 。 

babel 17-CalcArea.js --out-dir lib 


babel 17-Book.js --out-dir lib 
babel 17-ES2015-ES6-Modules.js --out-dir lib 
































接 下 来 ， 创 建 一 个 叫 作 17-ES2015-ES6-Modules-node.js 的 JavaScript 文件 ， 这 样 就 可 以 在 其 
中 使 用 area 函数 和 Book 类 了 。 


const area = tedquire('./1ib/17-CalcArea') : 
const Book = require('./l1ib/17-Book'); 





console.log(area.circle(2)); 
console.log(area.square (2)); 


const myBook = new Book('some title'); 
myBook.printTitle(); 


代码 基本 是 一 样 的 ， 区 别 在 于 Node.js ( 目前 ) 不 支持 import 语法 , 需要 使 用 require 关 
键 字 。 


可 以 使 用 下 面 的 命令 来 执行 代码 。 
node 17-ES2015-ES6-Modules-node 


在 下 图 中 能 看 到 使 用 的 命令 和 输出 结果 ， 这 样 就 可 以 确认 代码 能 够 用 Node.js 运行 。 














2.2 ECMAScript 2015+ 的 功能 37 








@@ | chapter01 一 -bash 一 79x12 
loiane:javascript-datastructures-algorithms loiane$ cd examples/chapter01 
Loiane:chapter01 Loiane$ babel 17-CaLcArea,js --out-dir Lib 
17-CaLcArea.js -> lib/17-CalcArea.js 
Loiane:chapter01 loiane$ babel 17-Book. js --out-dir Lib 
17-Book. js -> Lib/17-Book. js 
Loiane:chapter01 loiane$ babel 17-ES2015-ES6-Modules.js --out-dir Lib 
17-ES2015-ES6-Modules.js -> Lib/17-ES2015-ES6-ModuLes ,js 
Loiane:chapter01 Loiane$ node 17-ES2015-ES6-Modules-node 
12.56 
4 
some title 
loiane:chapter01 Loiane 和 $ 

















@ 在 Node.js 中 使 用 原生 的 ES2015 导入 功能 


如 果 能 在 Node.js 中 使 用 原生 的 ES2015 导入 功能 ， 而 不 用 转译 的 话 就 更 好 了 。 从 Node 8.5 
版 本 开始 ， 我 们 可 以 将 ES2015 导入 作为 实验 功能 来 开启 。 


要 演示 这 个 示例 ， 我 们 将 在 chapter01 中 创建 一 个 新 的 目录 ， 叫 作 17-ES2015-Modules-node。 
将 17-CalcArea.js、17-Book.js 和 17-ES2015- ES6-Modules.js 文件 复制 到 此 目录 中 ， 然 后 将 文件 的 
扩展 名 由 js 修改 为 mjs (.mjs 是 本 例 成 功 运行 的 必要 条 件 )。 在 17-ES2015-ES6-Modules.mjs 文件 
中 更 新 导入 语句 ， 像 下 面 这 样 添加 .mjs 扩展 名 。 


import * as area from './17-CalcArea.mjs'; 
import Book from './17-Book.mjs'; 














我 们 将 在 node 命令 后 添加 --experimental-modules 来 执行 代码 ， 如 下 所 示 。 





cd 17-ES2015-Modules-node 
node --experimental-modules 17-ES2015-ES6-Modules.mjs 


在 下 图 中 ,我 们 可 以 看 到 命令 和 输入 结果 。 











[ @ 图 17-ES2015-Modules-node 一 -bash 一 72x10 
Loiane:chapter01 Loiane$ node --Vversion 
V8.5.0 


loiane:chapter01 Loiane$ cd 17-ES2015-Modules-node 
loiane:17-ES2015-Modules-node loiane$ node --experimentaL-moduLes 17-ES2 
015-ES6-Modules.mjs 

(node:27319) ExperimentalWarning: The ESM module loader is experimental. 
12.56 

4 

some title 

loiane:17-ES2015-Modules-node loiane$ 目 














在 写作 本 书 的 时 候 ， 可 支持 ES2015 导入 功能 的 Node.js 版 本 是 Node 10 LTS。 


更 多 有 关 Node.js 支持 原生 ES2015 导入 功能 的 信息 可 以 在 https://github.com/ 
nodejs/node-eps/blob/master/002-es-modules.md 查阅 。 


38 ”第 2 章 ECMAScript 和 TypeScript 概述 





2. 在 浏览 器 中 运行 ES2015 模块 

要 在 浏览 器 中 运行 ES2015 的 代码 ， 有 几 种 不 同 的 方式 。 第 一 种 是 生成 传统 的 代码 包 ( 即 转 
译 成 ES5 代码 的 JavaScript 文 件 ), 我 们 可 以 使 用 流行 的 代码 打包 工具 ,如 Browserify 或 Webpack。 
通过 这 种 方法 ， 我 们 会 创建 可 直接 发 布 的 文件 ( 包 )， 并且 可 以 在 HTML 文件 中 像 引 入 其 他 
JavaScript 代码 一 样 引 入 它 。 

<script src="./1ib/17-ES2015-ES6-Modules-bundle.js"></script> 

浏览 器 对 ES2015 模块 的 支持 最 终于 2017 年 初 实现 了 。 在 写作 本 书 的 时 候 , 它 还 是 实验 性 的 
功能 ,并 没有 得 到 所 有 现代 浏览 器 的 支持 。 目 前 对 该 功能 的 支持 情况 ( 以 及 在 实验 性 模式 下 开启 
它 的 方法 ) 可 以 在 http://caniuse.com/#feat=es6-module 查阅 ， 如 下 图 所 示 。 





























Oe W Can 1use.… Support tables for x \ Loiane 








© C © caniuse.com/#feat=es6-module Q 让 


Loading JavaScript modules using <script type="module"> 


3 Usage relative Date relative Show al 





* Android * Chrome for 


,| 大 2 
iOS Safari ”Opera Mini ee A ai 


IE Edge Firefox Chrome Safari Opera 


















要 在 浏览 器 中 使 用 import 关键 字 ， 首 先 需要 在 代码 的 import 语句 后 加 上 .js 文件 扩展 名 ， 
如 下 所 示 。 


Import * as area from './17-CalcArea.js'; 
Import Book from './17-Book.js'; 


其 次 ， 只 需要 在 script 标签 中 增加 type="modqule" 就 可 以 导 和 人 我们 创建 的 模块 了 。 


<script type="module" src="17-ES2015-ES6-Modules.js"></script> 


如 果 执 行 代码 并 打开 Developer Tools | Network 标签 页 , 就 会 看 到 我 们 创建 的 所 有 文件 都 被 
加 载 了 。 








[R 上 ] Elements Console Sources Network ”Performan 
和 可 可 View: 旺 二 国 Groupbyframe | 国 Presg| 
[Fikter | Regex © Hide datauRLs 园 xhR Js 
Name Status Type 

| 17-ES2015-ES6-Modules.html 200 document 

| 17-ES2015-ES6-Modules.js 200 script 

| 17-CalcAreajs 200 script 

| | 17-Book.js 200 script 
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如 果 要 保证 不 支持 该 功能 的 浏览 器 向 后 兼容 ， 可 以 使 用 nomodule。 
<script nomodule src="./1ib/17-ES2015-ES6-Modules-bundle.js"></script> 


在 大 多 数 现代 浏览 器 都 支持 该 功能 之 前 ， 我 们 仍然 需要 使 用 打包 工具 将 代码 转译 至 | 
ES2015+。 

















要 了 解 更 多 有 关 在 浏览 器 中 运行 ES2015 模块 的 信息 ,请 阅读 https://medium.com/ 
0 dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7 和 https://jakearchibald. 
com/2017/es-modules-in-browsers/。 


3. ES2015+ 的 向 后 兼容 性 


需要 把 现 有 的 JavaScript 代码 更 新 到 ES2015 吗 ? 答案 是 : 只 要 你 愿意 就 行 ! ES2015+ 是 
JavaScript 语 言 的 超 集 , 所 有 符合 ES5 规 范 的 特性 都 可 以 继续 使 用 ,不 过 ,你 可 以 开始 使 用 ES2015+ 
的 新 语法 ， 让 代码 变 得 更 加 简单 易 读 。 


在 本 书 接 下 来 的 章节 中 , 我 们 会 尽 可 能 地 使 用 ES2015+。 假设 我 们 想 根 据 本 书 内 容 创 建 一 个 
数据 结构 和 算法 库 。 这 通常 需要 支持 想 在 浏览 器 (ES5 ) 和 Nodejs 环境 下 使 用 该 代码 库 的 开发 
者 。 目前 可 以 采取 的 方法 是 , 将 我 们 的 代码 转译 成 通用 模块 定义 (UMD )。 要 了 解 更 多 有 关 UMD 
的 信息 ， 请 访问 https:/github.comumdjs/umd。 我 们 会 在 第 4 章 学 习 使 用 Babel 将 ES2015 代码 转 
译 成 UMD 的 更 多 方法 。 


对 于 所 有 使 用 模块 的 示例 , 源 代码 包 除 了 ES2015+ 语 法 之 外 还 提供 了 转译 后 的 版 本 , 因此 你 
可 以 在 任意 浏览 器 中 运行 源 代 码 。 









































2.3 介绍 TypeScript 


TypeScript 是 一 个 开源 的 、 渐 进 式 包 含 类 型 的 JavaScript 超 集 ， 由 微软 创建 并 维护 。 创 建 
的 目的 是 让 开发 者 增强 JavaScript 的 能 力 并 使 应 用 的 规模 扩展 变 得 更 容易 。 它 的 主要 功能 之 一 
为 JavaScript 变量 提供 类 型 支持 。 在 JavaScript 中 提供 类 型 支持 可 以 实现 静态 检查 ， 从 而 更 容易 
地 重 构 代码 和 寻找 bug。 最 后 ，TypeScript 会 被 编译 为 简单 的 JavaScript 代码 。 


考虑 到 本 书 的 范围 ， 有 了 TypeScript， 就 可 以 使 用 一 些 JavaScript 中 没有 提供 的 面向 对 象 的 
概念 了 ， 例 如 接口 和 私有 属性 ( 这 在 开发 数据 结构 和 排序 算法 时 非常 有 用 )。 当 然 ， 我 们 也 可 以 
利用 在 一 些 数据 结构 中 非常 重要 的 类 型 功能 。 


所 有 这 些 功 能 在 编译 时 都 是 可 用 的 。 只 要 我 们 在 写 代码 ， 就 将 其 编译 成 普通 的 JavaScript 代 
人 码 (ES5、ES2015+ 和 Common]JS 等 )。 


要 开始 使 用 TypeScript， 我 们 需要 用 npm 来 安装 它 。 









































三 导 
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npm install -g typescript 


接 下 来 ， 需 要 创建 一 个 以 .ts 为 扩展 名 的 文件 ， 比 如 hello-world.ts。 


let myName = 'Packt'; 
myName = 10; 


以 上 是 简单 的 ES2015 代码 。 现 在 ， 我们 用 tsc 命令 来 编译 它 。 


tsc hello-world 


在 终端 输出 中 ， 我 们 会 看 到 下 面 的 警告 。 

hello-world.ts(2,1): error TS2322: Type '10' is not assignable to type 

etriig 

这 表示 类 型 10 不 可 赋值 给 字符 串 类 型 。 但 是 如 果 检 查 创建 文件 的 目录 ， 我 们 会 发 现 一 个 包 
含 如 下 内 容 的 hello-world.js 文件 。 


Var myName = 'Packt'; 
myName = 10; 


上 面 生成 的 是 ES5 代码 。 即 使 在 终端 输出 了 错误 信息 ( 实际 上 是 警告 ， 而 不 是 错误 )， 
TypeScript 编译 器 还 是 会 生成 ES5 代码 。 这 表明 尽管 TypeScript 在 编译 时 进行 了 类 型 和 错误 检测 ， 
但 并 不 会 阻止 编译 器 生成 JavaScript 代码。 这 意味 着 开发 者 在 写 代码 时 可 以 利用 这 些 验 证 结果 写 
出 具有 较 少 错误 和 bug 的 JavaScript 代码 。 

































































2.3.1 ”类 型 推断 
在 使 用 TypeScript 的 时 候 ， 我 们 会 经 常 看 到 下 面 这 样 的 代码 。 


let age: number = 20; 
let existsFlag: boolean = true; 
let language: string = 'JavaScript'; 








TypeScript 允许 我 们 给 变量 设置 一 个 类 型 , 不 过 上 面 的 写法 太 喝 唆 了 。 TypeScript 有 一 个 类 型 
推断 机 制 ， 也 就 是 说 TypeScript 会 根据 为 变量 赋 的 值 自动 给 该 变量 设置 一 个 类 型 。 我 们 用 更 简洁 
的 语法 改写 上 面 的 代码 。 

let age = 20; // 数 


let existsFlag = true; // 布尔 值 
let language = 'JavaScript'; // 字符 事 












































在 上 面 的 代码 中 ，TypeScript 仍然 知道 age 是 一 个 数 、existsFlag 是 一 个 布尔 值 ， 以 及 
language 是 一 个 字符 串 。 因 此 不 需要 显 式 地 给 这 些 变量 设置 类 型 。 





那么 , 什么 时 候 需要 给 变量 设置 类 型 呢 ? 如 果 声 明了 一 个 变量 但 没有 设置 其 初始 值 ,推荐 为 
其 设置 一 个 类 型 ， 如 下 所 示 。 
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let favoriteLanguage: string; 
let langs = ['JavaScript', 'Ruby', 'Python']; 
favoriteLanguage = langs[0]; 








如 果 没 有 为 变量 设置 类 型 ， 它 的 类 型 会 被 自动 设置 为 any, 意思 是 可 以 接收 任何 值 ， 就 像 在 
普通 JavaScript 中 一 样 。 








2.3.2 接口 
在 TypeScript 中 ， 有 两 种 接口 的 概念 。 第 一 种 就 像 给 变量 设置 一 个 类 型 ， 如 下 所 示 。 


interface Person { 
name: string; 
age: number; 


} 


function printName (person: Person) { 
console.log(person.name); 


} 





























第 一 种 TypeScript 接口 的 概念 是 把 接口 看 作 一 个 实际 的 东西 。 它 是 对 一 个 对 象 必 须 包 含 的 
性 和 方法 的 描述 


沿 


这 使 得 VSCode 这 样 的 编辑 器 能 通过 IntelliSense 实现 自动 补 全 ， 如 下 图 所 示 。 





图 ®@ hello-world.ts — javascript-datastructures-algorithms 


I TS hello-world.ts @ 员 加 


12 
13 


interface Person { 
name: string; 


anas numhars 





BZ age (property) Person.age: number 











ww name | 
(property) Person.age: number x ” 盯 
18 console. log(iperson.); 

坎 | : 
aa 

ythird-edition* SOY11* @1A0 2.5.2 TSLint Prettier 四 





现在 ， 试 着 使 用 printName 了 国 数 。 


const john = { name: 'John', age: 21 }; 

const mary = { name: 'Mary', age: 21, phone: '123-45678' }; 
printName (john); 

printName (mary); 





i 音 误 。 像 printName 了 清 数 希望 的 那样 ， 变 量 john 有 一 个 name 
和 age。 变 量 mary 除了 name 和 age 之 外 ， 还 有 一 个 phone 的 信息 。 


为 什么 这 样 的 代码 可 以 工作 呢 ? TypeScript 有 一 个 名 为 鸭子 类 型 的 概念 : 如 果 它 看 起 来 像 胸 
子 ， 像 鸭子 一 样 游泳 ， 像 鸭子 一 样 叫 ， 那 么 它 一 定 是 一 只 鸭子 ! 在 本 例 中 ， 变 量 mary 的 行为 和 
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Person 接口 定义 的 一 样 ， 那 么 它 就 是 一 个 Person。 这 是 TypeScript 的 一 个 强大 功能 。 

















再 次 运行 tsc 命令 之 后 ， 我 们 会 在 hello-world,js 文件 中 得 到 下 面 的 结果 。 





function printName (person) { 
console.log(person.name);} 

} 

var john 

var mary 


上 面 的 代码 只 是 普通 的 JavaScript。 代 码 补 全 以 及 类 型 和 错误 检查 只 在 编译 时 是 可 用 的 。 


{ name: 'John', age: 21 }; 
{ name: 'Mary', age: 21, phone: '123-45678' }; 


| 









































第 二 种 TypeScript 接口 的 概念 和 面向 对 象 编程 相关 ， 与 其 他 面向 对 象 语言 (如 Java、C# 和 
Ruby 等 ) 中 的 概念 是 一 样 的。 接口 就 是 一 份 合约 。 在 这 份 合约 里 ,我 们 可 以 定义 实现 这 份 合约 
的 类 或 接口 的 行为 。 试 想 ECMAScript 标准 ，ECMAScript 就 是 JavaScript 语 言 的 一 个 接口 。 它 告 
诉 JavaScript 语言 需要 有 怎样 的 功能 ， 但 不 同 的 浏览 右 可 以 有 不 同 的 实现 方式 。 

考虑 下 面 的 代码 : 

interface Comparable { 


compareTo(b): number; 


} 








class MyObject implements Comparable { 
age: number; 
compareTo(b): number { 


if (this.age === b.age) { 
return 0; 
} 
return this.age > b.age ? 1 : -1; 


} 
} 
Comparable 接口 告诉 Myobject 类 ， 它 需要 实现 一 个 叫 作 compareTo 的 方法 ， 并 且 该 方 
法 接收 一 个 参数 。 在 该 方法 内 部 ,我 们 可 以 实现 需要 的 逻辑 。 在 本 例 中 , 我 们 比较 了 两 个 数 ,但 
也 可 以 用 不 同 的 逻辑 来 比较 两 个 字符 串 , 甚至 是 包含 不 同属 性 的 更 复杂 的 对 象 。 该 接口 的 行为 在 
JavaScript 中 并 不 存在 ， 但 它 在 进行 一 些 工 作 〈 如 开发 排序 算法 ) 时 非常 有 用 。 




















泛 型 
另 一 个 对 数据 结构 和 算法 有 用 的 强大 TypeScript 特性 是 泛 型 这 一 概念 。 我 们 修改 一 下 
Comparable 接口 ， 以 便 定义 compareTo 方法 作为 参数 接收 的 对 象 是 什么 类 型 。 

















interface Comparable<T> { 
compareTo(b: T): number; 


} 
用 尖 插 号 问 Comparable 接口 动态 地 传人 T 类型， 可 以 指定 CompareTo 函数 的 参数 类 型 。 
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class MyObject implements Comparable<MyObject> { 
age: number; 


compareTo (pb: MyObject): number { 


if (this.age === b.age) { 
return 0; 
} 
return this.age > b.age ? 1 : -1; 


} 
} 


这 是 个 很 有 用 的 功能 ， 可 以 确保 我 们 在 比较 相同 类 型 的 对 象 。 利用 这 个 功能 , 我 们 还 可 以 使 
用 编辑 器 的 代码 补 全 。 





2.3.3 其 他 TypeScript 功能 


以 上 是 对 TypeScript 的 简单 介绍 。TypeScript 文档 是 学 习 所 有 其 他 功能 以 及 了 解 本 章 话 题 相 
关 细 节 的 好 地 方 ， 可 以 在 https://www.typescriptlang.org/docs/home.html 找到 。 


TypeScript 也 有 一 个 在 线 体验 功能 (和 Babel 类似 )， 可 以 在 里 面 运行 一 些 代码 示例 ， 地 址 是 
https:/www.typescriptlang.org/play/index.html。 
































本 书 的 源 代码 包 中 有 一 个 额外 的 资源 ， 那 就 是 我 们 会 在 本 书 中 开发 完成 的 
JavaScript 数据 结构 和 算法 库 的 TypeScript 版 本 ! 





2.3.4 TypeScript 中 对 JavaScript 文件 的 编译 时 检查 

一 些 开发 者 还 是 更 习惯 使 用 普通 的 JavaScript 语言 ， 而 不 是 TypeScript 来 进行 开发 。 但 是 在 
JavaScript 中 使 用 一 些 类 型 和 错误 检测 功能 也 是 很 不 错 的 ! 

好 消息 是 TypeScript 提供 了 一 个 特殊 的 功能 ,允许 我 们 在 编译 时 对 代码 进行 错误 检测 和 类 型 
检测 ! 要 使 用 它 的 话 ， 需 要 在 计算 机 上 全 局 安装 TypeScript。 使 用 时 ， 只 需要 在 JavaScript 文件 
的 第 一 行 添加 一 句 // ets-check， 如 下 图 所 示 。 













































































[ Oe@Oe@ 17-CalcArea.js — javascript-datastructures-algorithms 

日 :S2015-ES6-Modules.js 17-CalcAreajs Xx 网 加 
// @ts-check 

©®Oo0e0 /六 
* Calculates the area of a circle 
* Gparam {number} r (radius of the circle) [| 
*/ 

oo export const circleArea = r => 3.14 * (r ** 2); 








bthird-edition* 人 0Ov1T @1A0 ESLint Prettier 四 
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向 代码 中 添加 JSDoc ( JavaScript i ) 之 后 ， 类 型 检测 将 被 启用 。 如 果 试 着 向 circle (或 


circleArea ) 方法 中 传人 一 个 字符 串 ， 


得 到 一 一 个 编译 错误 ， 








全 @ 17-ES2015-ES6-Modules.js 一 javascript-datastructures-algorithms 
全 17-ES2015-ES6-Modules.js x 17-CalcArea.js rea 
1 // @ts-check 1 
2 import * as area from './17-CalcArea'; a 
pe 3 import Book from './17-Book'; | 
4 ban 
Er 5| console, log(area.circle('2')); 
6 console, logq(area, square(2)); 
PROBLEMS OUTPUT DEBUG CONSOLE TERMINAL Filterbytype.. 团 入 
Eo 4 17-ES2015-ES6-Modules.js examples/chapter01 
@ [js] Argument of type "2"' is not assignable to parameter of type 'number'. (5, 25) 
bP third-edition* Ln10, Col1 Spaces:2 UTF-8 LF Javascript (Babel) ESLint Prettier 图 








2.4 ”小结 


本 章 ， 我 们 学 习 了 E 
本 章 还 介 


下 一 章 , 我 们 要 学 习 银 


绍 了 TypeScript 以 帮助 我 们 利用 静态 类 型 





CMAScript 2015+ 的 一 些 新 功能 ， 会 让 后 
型 和 错误 检测 。 


续 例 子 的 语法 变 得 更 加 简练 。 








一 种 数据 结构 : 数组 。 许 多 语言 都 对 数组 有 原生 的 支持 , 包括 JavaScript。 


第 3 章 











几乎 所 有 的 编程 语言 都 原生 支持 数组 类 型 ， 因 为 数组 是 最 简单 的 内 存 数据 结构 。JavaScript 
里 也 有 数组 类 型 ,尽管 它 的 第 一 个 版 本 并 没有 支持 数组 。 本 童 , 我 们 将 深入 学 习 数 组 数据 结构 和 
它 的 能 力 。 


数组 存储 一 系列 同一 种 数据 类 型 的 值 。 虽 然 在 JavaScript 里 ， 也 可 以 在 数组 中 保存 不 同类 型 
的 值 ， 但 我 们 还 是 遵守 最 佳 实践 ， 避 免 这 么 做 (大 多 数 语言 都 没 这 个 能 力 )。 














3.1 为 什么 用 数组 
假如 有 这 样 一 个 需求 : 保存 所 在 城市 每 个 月 的 平均 温度 。 可 以 这 么 做 : 





const averageTempJan = 31.9; 
const averageTempFeb = 35.3; 
const averageTempMar = 42.4; 
Const averageTempApr = 52; 

const averageTempMay = 60.8; 


当然 , 这 青 定 不 是 最 好 的 方案 。 按照 这 种 方式 ,如果 只 存 一 年 的 数据 , 我 们 能 管理 12 个 变量 。 
若 要 多 存 几 年 的 平均 温度 呢 ? 幸运 的 是 ， 我 们 可 以 用 数组 来 解决 ， 更 加 简洁 地 呈现 同样 的 信息 。 


const averageTemp = 








3 


[ 
averageTemp[0] = 31.9; 
averageTemp[1] = 35.3; 
averageTemp[2] = 42.4; 
averageTemp[3] = 52; 
averageTemp[4] = 60.8; 


数组 averageTemp 里 的 内 容 如 下 图 所 示 。 


er CE 


[0] ID [2] DG [4] 
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3.2 ”创建 和 初始 化 数组 
用 Javaseript 声明 、 创 建 和 初始 化 数组 很 简单 ， 就 像 下 面 这 样 。 





let daysOfWeek = new Array(); // {1} 

daysOfWeek = new Array (7); // {2} 

daysOfWeek = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 
'Thursday', 'Friday', 'Saturday'); // {3} 











使 用 new 关键 字 ， 就 能 简单 地 声明 并 初始 化 一 个 数组 ( 行 {1} )。 用 这 种 方式 ， 还 可 以 创建 
一 个 指定 长 度 的 数组 ( 行 {2} )。 男 外 ,我们 也 可 以 直接 将 数组 元 素 作为 参数 传递 给 它 的 构造 器 
( 行 {3} )。 

然而 ， 用 nevw 创建 数组 并 不 是 最 好 的 方式 。 如 果 你 想 在 JavaScript 中 创建 一 个 数组 ， 只 用 中 
括号 ( [] ) 的 形式 就 行 了 ， 如 下 所 示 。 


let daysOfWweek = []; 


也 可 使 用 一 些 元 素 初 始 化 数组 ， 如 下 所 示 。 


let daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 
'Friday', 'Saturday'l]; 


如 果 想 知道 数组 里 已 经 存 了 多 少 个 元 素 〈 它 的 大 小 )， 可 以 使 用 数组 的 length 属性 。 以 下 
代码 的 输出 是 7。 


console.log(daysOfWeek.1length); 
访问 元 素 和 和 迭代 数组 


要 访问 数组 里 特定 位 置 的 元 素 ， 可 以 用 中 括号 传递 数值 位 置 ， 得 到 想 知道 的 值 或 者 赋 新 的 
值 。 假 如 我 们 想 输出 数组 aaysofweek 里 的 所 有 元 素 ， 可 以 通过 循环 迭代 数组 、 打 印 元 素 ， 如 
下 所 示 。 


for (let i = 0; i < daysOfWeek.length; I++) { 
console.log(daysOfWeek[i]); 















































} 


我 们 来 看 男 一 个 例子 : 求 斐 波 那 契 数列 的 前 20 个 数 。 已 知 翡 波 那 契 数列 中 的 前 两 项 是 1， 
从 第 三 项 开始 ， 每 一 项 都 等 于 前 两 项 之 和 。 
const fibonacci = []; // {1} 


fiBonaceill) = 1:// (2 
fibonacci[2] = 1; // {3} 








for (let i = 3; i < 20; i++) { 
fibonacci[il = fibonacci[i - 1] + fibonacci[i - 2]; // {4} 


} 
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for (let i = 1; i < fibonacci.length; i++) { // {5} 
console.log(fibonacci[i]); // {6} 

} 

下 面 是 上 述 代 码 的 解释 。 




















口 在 行 {1} 处 ,我们 声明 并 创建 了 一 个 数组 。 

口 在 行 {2} 和 行 {3}， 把 辈 波 那 契 数 列 中 的 前 两 个 数 分 别 赋 给 了 数组 的 第 二 和 第 三 个 位 置 。 
(在 JavaScript 中 ， 数 组 第 一 位 的 索引 始终 是 0。 因 为 斐 波 那 契 数 列 中 不 存在 0， 所 以 这 里 

直接 略 过 ， 从 第 二 位 开始 分 别 保存 斐 波 那 契 数 列 中 对 应 位 置 的 元 素 。) 

口 然后 ， 我 们 需要 做 的 就 是 想 办 法 得 到 斐 波 那 契 数 列 中 第 三 到 第 二 十 个 位 置 上 的 数 〈 前 两 

个 值 我 们 已 经 初始 化 过 了 )。 我 们 可 以 用 循环 来 处 理 ， 把 数组 中 前 两 位 上 的 元 素 相 加 ， 结 
果 赋 给 当前 位 置 上 的 元 素 〈 行 14} 一 一 从 数组 中 的 索引 3 到 索引 19 )。 

口 最 后 ， 看 看 输出 ( 行 {6} )， 我 们 只 需要 循环 迭代 数组 的 各 个 元 素 〈 行 15} )。 









































示例 代码 里 ， 我 们 用 console.1og 来 输出 数组 中 对 应 索引 位 置 的 值 ( 行 {5} 和 
6 行 {6} )， 也 可 以 直接 用 console.1log (fibonacci ) 输出 数组 。 大 多 数 浏览 器 
都 可 以 用 这 种 方式 ， 清 晰 地 输出 数组 。 


现在 如 果 想 知道 裴 波 那 契 数 列 其 他 位 置 上 的 值 是 多 少 ， 要 怎么 办 呢 ? 很 简单 ， 把 之 前 循环 
条 件 中 的 终止 变量 从 20 改 成 你 希望 的 值 就 可 以 了 。 








3.3 添加 元 素 


在 数组 中 添加 和 删除 元 素 也 很 容易 ， 但 有 时 也 会 很 坏 手 。 假 如 我 们 有 一 个 数组 numbers， 
初始 化 成 了 0 到 9。 


let nmbers. es (0s Ty 2 yp, Lo By 67 Ye By 9 3 


3.3.1 在 数组 末尾 插入 元 素 
如 果 想 要 给 数组 添加 一 个 元 素 ( 比如 10 ), 只 要 把 值 赋 给 数组 中 最 后 一 个 空位 上 的 元 素 即 可 。 


numbers[numbers.length] = 10; 


在 JavaScript 中 , 数组 是 一 个 可 以 修改 的 对 象 。 如 果 添 加 元 素 ， 它 就 会 动态 增长 。 
在 C 和 Java 等 其 他 语言 里 ， 我 们 要 决定 数组 的 大 小 ， 想 添加 元 素 就 要 创建 一 个 
全 新 的 数组 ， 不 能 简单 地 往 其 中 添加 所 需 的 元 素 。 


使 用 push 方法 
另外 ， 还 有 一 个 push 方法 ， 能 把 元 素 添加 到 数组 的 末尾 。 通 过 push 方法 ,我 们 能 添加 任 
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意 个 元 素 。 


numbers.push(11); 
numbers.push(12, 13); 


如 果 输 出 numbers 的 话 ， 就 会 看 到 从 0 到 13 的 值 。 


3.3.2 ”在 数组 开头 插入 元 素 


现在 ,我们 希望 在 数组 中 插入 一 个 新 元 素 ( 数 -1 )， 不 像 之 前 那样 插入 到 最 后 ， 而 是 放 到 数 
组 的 开头 。 为 了 实现 这 个 需求 , 首先 要 腾 出 数组 里 第 一 个 元 素 的 位 置 , 把 所 有 的 元 素 向 右 移动 一 
位 。 我 们 可 以 循环 数组 中 的 元 素 ， 从 最 后 一 位 (长 度 值 就 是 数组 的 末尾 位 置 ) 开始 ,将 对 应 的 前 

一 个 元 素 (i-1 ) 的 值 赋 给 它 ( i )， 依 次 处 理 ， 最 后 把 我 们 想 要 的 值 赋 给 第 一 个 位 置 ( 索引 0 ) 
上 。 我 们 可 以 将 这 段 逻辑 写成 一 个 函数 ， 甚 至 将 该 方法 直接 添加 在 Array 的 原型 上 ,使 所 有 数 
组 的 实例 都 可 以 访问 到 该 方法 。 下 面 的 代码 表现 了 这 段 逻 辑 。 


Array .prototype.insertFirstPosition = function(value) { 
























































for (let i = this.length; i >= 0; i--) { 
七 五 本 党 下 了 村， 二 thisli "Ly 

} 

this[0] = value; 


站 


numbers.insertFirstPosition(-1); 


下 图 描述 了 我 们 刚才 的 操作 过 程 。 


回国 六 国 国 国 蜀 国 国 


[OF LL 2 vA aso 2 


' [length = 14] 
“i 


[0] [1] [2 03] [11] [12] [13] [14] 
[length = 15] 

















使 用 unshift 方法 
在 JavaScript 里 ,数组 有 一 个 方法 叫 unshift， 可 以 直接 把 数值 插入 数组 的 开头 〈 此 方法 背 
后 的 逻辑 和 insertFirstPosition 方法 的 行为 是 一 样 的 )。 


numbers.unshift (-2); 
numbers.unshift(-4, -3); 
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那么 , 用 unshift 方法 ,我 们 就 可 以 在 数组 的 开始 处 添加 值 -2， 然 后 添加 -3 、-4 等 。 这 样 
数组 就 会 输出 数 -4 到 13。 


3.4 删除 元 素 


目前 为 止 , 我 们 已 经 学 习 了 如 何 给 数组 的 开始 和 结尾 位 置 添加 元 素 。 下 面 来 看 一 下 怎样 从 数 
组 中 删除 元 素 。 











3.4.1 从 数组 末尾 删除 元 素 
要 删除 数组 里 最 靠 后 的 元 素 ， 可 以 用 pop 方法 。 


numbers .pop(); 


63 通过 push 和 pop 方法 ， 就 能 用 数组 来 模拟 栈 ， 你 将 在 下 一 章 看 到 这 部 分 内 容 。 








现在 ， 数 组 输出 的 数 是 -4 到 12， 数 组 的 长 度 是 17。 











3.4.2 ”从 数组 开头 删除 元 素 
如 果 要 移 除数 组 里 的 第 一 个 元 素 ， 可 以 用 下 面 的 代码 。 


for (let i = 0; i < numbers.length; i++) { 
numbers[i] = numbers[i + 1]; 


} 





下 图 呈现 了 这 段 代码 的 执行 过 程 


工 o 








A \ ww \ 仆 


回回 回回 丁 面 面 回 百 


[0] [1] 2 6 [03 [14] [15] [16] 


哮 半 [length = 17] 





EDIT 


[0] [ID [2] [3] [13] [14] [15] [16] 
[length = 17] 











我 们 把 数组 里 所 有 的 元 素 都 左 移 了 一 位 ， 但 数组 的 长 度 依然 是 17， 这 意味 着 数组 中 有 额外 
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的 一 个 元 素 ( 值 是 undefined )。 在 最 后 一 次 循环 里 , i+1 引用 了 数组 里 还 未 初始 化 的 一 个 位 置 。 
在 Java、C/C+ 或 C# 等 一 些 语言 里 , 这 样 写 可 能 会 抛 出 异常 , 因此 不 得 不 在 numbers .length- 1 
处 停止 循环 。 

可 以 看 到 , 我 们 只 是 把 数组 第 一 位 的 值 用 第 二 位 覆盖 了 ,并 没有 删除 元 素 ( 因为 数组 的 长 度 
和 之 前 还 是 一 样 的 ， 并 且 多 了 一 个 未 定义 元 素 )。 


要 从 数组 中 移 除 这 个 值 , 还 可 以 创建 一 个 包含 刚才 所 讨论 逻辑 的 方法 , 叫 作 removeFirst- 
Position。 但 是 ， 要 真正 从 数组 中 移 除 这 个 元 素 ， 我 们 需要 创建 一 个 新 的 数组 ， 将 所 有 不 是 
undefineqd 的 值 从 原来 的 数组 复制 到 新 的 数组 中 ， 并 且 将 这 个 新 的 数组 赋值 给 我 们 的 数组 。 要 
完成 这 项 工作 ， 也 可 以 像 下 面 这 样 创建 一 个 reIngdex 方法 。 


Array .prototype.reIndex = function(myArray) { 
const newArray = []; 
for(let i = 0; i < myArray.length; i++ ) { 
if (myArray[i] !== undefined) { 
// console.log (myArray{[i]); 
newArray .push (myArray [i]); 
} 
站 
return newArray; 


} 


















































// 手动 移 除 第 一 个 元 素 并 重新 排序 
Array .prototype.removeFirstPosition = function() { 
for (let i = 0; i < this.length; i++) { 
this[i] = this[i + 1]; 
3 
return this.reIndex(this); 


} 





numbers = numbers.removeFirstPosition(); 


上 面 的 代码 只 应 该 用 作 示 范 ,不 应 该 在 真实 项 目 中 使 用 。 要 从 数组 开头 删除 元 素 ， 
我 们 应 该 始终 使 用 shift 方法 ， 这 将 在 下 一 节 中 展示 。 

使 用 shift 方法 

要 删除 数组 的 第 一 个 元 素 ， 可 以 用 shift 方法 实现 。 

numbers.shift(); 


假如 本 来 数组 中 的 值 是 从 -4 到 12, 长 度 为 17。 执行 了 上 述 代 码 后 , 数组 就 只 有 -3 到 12 了 ， 
长 度 也 会 减 小 到 16。 


通过 shift 和 unshift 方法 , 我 们 就 能 用 数组 模拟 基本 的 队列 数据 结构 ， 第 5 
章 会 讲 到 。 
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3.5 在 任意 位 置 添 加 或 删除 元 素 


目前 为 止 , 我 们 已 经 学 习 了 如 何 添 加 元 素 到 数组 的 开头 或 末尾 , 以 及 怎样 删除 数组 开头 和 结 
尾 位 置 上 的 元 素 。 那 么 如 何在 数组 中 的 任意 位 置 上 删除 或 添加 元 素 呢 ? 

我 们 可 以 使 用 splice 方法 ， 简 单 地 通过 指定 位 置 /索引 ， 就 可 以 删除 相应 位 置 上 指定 数量 
的 元 素 。 

numbers.splice(5,3); 

这 行 代码 删除 了 从 数组 索引 5 开始 的 3 个 元 素 。 这 就 意味 着 numbers [5] 、numbers[6] 和 


numbers[7] 从 数组 中 删除 了 。 现 在 数组 里 的 值 变 成 了 -3、-2、-1、0、1、5、6、7、8、9、10、 
11 和 12 (2、3、4 已 经 被 移 除 )。 




















对 于 JavaScript 数组 和 对 象 ， 我 们 还 可 以 用 delete 运算 符 删 除数 组 中 的 元 素 ， 
例如 daelete numbers[0]。 然 而 ， 数 组 位 置 0 的 值 会 变 成 undefined， 也 就 
0G 是 说 ， 以 上 操作 等 同 于 numbers[0] = undefined。 因 此 ,我 们 应 该 始终 使 用 
splice、pop 或 shift (马上 就 会 学 到 ) 方法 来 删除 数组 元 素 。 
现在 , 我 们 想 把 数 2、3、4 插 和 人 数组 里 , 放 到 之 前 删除 元 素 的 位 置 上 , 可 以 再 次 使 用 splice 
方法 。 
numbers.splice(5, 0, 2, 3, 4); 
splice 方法 接收 的 第 一 个 参数 ， 表 示 想 要 删除 或 插入 的 元 素 的 索引 值 。 第 二 个 参数 是 删除 
元 素 的 个 数 (这 个 例子 里 ， 我 们 的 目的 不 是 删除 元 素 ， 所 以 传人 0 )。 第 三 个 参数 往 后 ， 就 是 要 
添加 到 数组 里 的 值 (元 素 2、3、4 )。 输 出 会 发 现 值 又 变 成 了 从 -3 到 12。 


最 后 ， 执 行 以 下 这 行 代码 。 
numbers.splice(5, 3, 2, 3, 4); 


输出 的 值 是 从 -3 到 12。 原 因 在 于 ， 我 们 从 索引 5 开始 删除 了 3 个 元 素 , 但 也 从 索引 5 开始 
添加 了 元 素 2、3、4。 




















3.6 二 维和 多 维 数 组 


还 记得 本 章 开头 平均 气温 测量 的 例子 吗 ? 现在 我 打算 再 用 一 下 这 个 例子 , 不 过 把 记录 的 数据 
改 成 数 天 内 每 小 时 的 气温 。 现 在 我 们 已 经 知道 可 以 用 数组 来 保存 这 些 数据 , 那么 要 保存 两 天 内 每 
小 时 的 气温 数据 就 可 以 这 样 做 。 


let averageTempDayl1 
let averageTempDay2 























E23 i A 9 By BL 
[EBs 9 Ds, WD Bs 2 
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然而 , 这 不 是 最 好 的 方法 , 还 可 以 做 得 更 好 。 我 们 可 以 使 用 矩阵 (二 维 数组 ,或 数组 的 数组 ) 
来 存储 这 些 信息 。 和 矩阵 的 行 保存 每 天 的 数据 ， 列 对 应 小 时 级 别 的 数据 。 


Jet averageTemp = []; 

averageTrTempld0l] = [1727 75 79, 779, B81 B11 

averageTemp[1] = [81, 79, 75, 75, 73, 73]; 

JavaScript 只 支持 一 维 数组 ， 并 不 支持 矩阵 。 但 是 ， 我 们 可 以 像 上 面 的 代码 一 样 ， 用 数组 套 
数组 ， 实 现 和 矩阵 或 任 一 多 维 数组 。 代 码 也 可 以 写成 如 下 这 样 。 





// day 1 

averageTemp[0] = []; 
averageTemp[0] [0] = 72; 
averageTemp[0] [1] = 75; 
averageTemp[0] [2] = 79; 
averageTemp[0] [3] = 79; 
averageTemp[0][4] = 81; 
averageTemp[0][5] = 81; 
// day 2 

averageTemp[1] = []; 
averageTemp[1][0] = 81; 
averageTemp[1] [1] = 79; 
averageTemp[1] [2] = 75; 
averageTemp[1] [3] = 75; 
averageTemp[1] [4] = 73; 
averageTemp[1][5] = 73; 














上 面 的 代码 里 ， 我 们 分 别 指定 了 每 天 和 每 小 时 的 数据 。 数 组 中 的 内 容 如 下 图 所 示 。 


[0] [1] [2] [3] [4] 
回回 回电 加 
四 加 回回 加 加 可 


每 行 就 是 每 天 的 数据 ， 每 列 是 当天 不 同时 段 的 气温 。 



































3.6.1 和 迭代 二 维 数组 的 元 素 
如 果 想 看 这 个 矩阵 的 输出 ， 可 以 创建 一 个 通用 函数 ， 专 门 输出 其 中 的 值 。 


function printMatrix(myMatrix) { 
for (let i = 0; i < myMatrix.length; i++) { 
for (let j = 0; j < myMatrix[i].length; j++) { 
console.log(myMatrix[i][j]); 
3} 
} 
} 
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我 们 需要 迭代 所 有 的 行 和 列 。 因 此 ， 使 用 一 个 般 套 的 for 循环 来 处 理 ， 其 中 变量 i 为 行 ， 
变量 j 为 列 。 在 这 种 情况 下 ， 每 个 myMatrix[i] 同 样 代表 一 个 数组 ， 因 此 需要 在 垦 套 的 for 循 
环 中 迭代 myMatrix[i] 的 每 个 位 置 。 

可 以 使 用 以 下 代码 来 输出 矩阵 averageTemp 的 内 容 。 


printMatrix(averageTemp); 

















要 在 浏览 器 控制 台中 打印 二 维 数组 ， 还 可 以 使 用 console.table (averageTemp) 
语句 。 它 会 显示 一 个 更 加 友好 的 输出 结果 。 





3.6.2 ”多 维 数组 
我 们 也 可 以 用 这 种 方式 来 处 理 多 维 数组 。 假 设 我 们 要 创建 一 个 3x3 x 3 的 矩阵 ， 每 一 格 里 包 
含 和 矩阵 的 Ti( 行 ) j( 列 ) 及 z (深度 ) 之 和 。 


const matrix3x3x3 = 
fOr (Let Ye “0 妆 








[ 
3 人 二 各 
matrix3x3x3[i] = []; // 我 们 需要 初始 化 每 个 数组 
for (let j = 0; j < 3; j++) { 
matrix3x3x3[i][j] = [] 
for (let Zs -0 2 < 3 
哆 到 


matrix3x3x3[i] 
} 
} 
} 


数据 结构 中 有 几 个 维度 都 没关系 ,我 们 可 以 用 循环 迭代 每 个 维度 来 访问 所 有 格子 。3 x3 x 3 
的 和 矩阵 立体 图 如 下 所 示 。 
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用 以 下 代码 和 输出 这 个 矩阵 的 内 容 。 


for (let i = 0; i < matrix3x3x3.length; i++) { 
z 


for (let Jj 


fGE 


0; j < matrix3x3x3[i].length; j++) { 


(let = 0; z < matrix3x3x3[i][j].length; z++) { 


console.log (matrix3x3x3[i] [j] [z]); 


} 
} 
} 





如 果 是 一 个 3x3x3x3 的 和 矩阵， 代码 中 就 会 用 四 层 般 套 的 for 语句 ， 以 此 类 推 。 开 发 过 程 
中 很 少 会 用 到 四 维 数组 ， 二 维 数组 是 最 常见 的 。 

















3.7” JavaScript 的 数组 方法 参考 
在 JavaScript 里 ， 数 组 是 经 过 改进 的 对 象 ， 这 意味 着 创建 的 每 个 数组 都 有 一 些 可 用 的 方法 。 


数组 很 有 趣 ， 




















为 它 十 分 强大 ， 并 且 相 比 其 他 语言 中 的 数组 ，JavaScript 中 的 数组 有 许多 很 好 用 





的 方法 。 这 样 就 不 用 再 为 它 开发 一 些 基 本 功能 了 ， 例 如 在 数据 结构 的 中 间 添 加 或 删除 元 素 。 

























































































































































































下 表 详 述 了 数组 的 一 些 核 心 方法 ， 其 中 的 一 些 我 们 已 经 学 习 过 了 。 
方 ”法 描 述 
concat 连接 2 个 或 更 多 数组 ， 并 返回 结果 
every 对 数组 中 的 每 个 元 素 运行 给 定 函数 ， 如 果 该 函数 对 每 个 元 素 都 返回 true， 则 返回 true 
filter 对 数组 中 的 每 个 元 素 运 行 给 定 函数 ， 返 回 该 函数 会 返回 true 的 元 素 组 成 的 数组 
forEach 对 数组 中 的 每 个 元 素 运 行 给 定 函 数 。 这 个 方法 没有 返回 值 
join 将 所 有 的 数组 元 素 连接 成 一 个 字符 串 
inaqexOf 返回 第 一 个 与 给 定 参数 相等 的 数组 元 素 的 索引 ， 没 有 找到 则 返回 -1 
lastIndexof ”返回 在 数组 中 搜索 到 的 与 给 定 参数 相等 的 元 素 的 索引 里 最 大 的 值 
map 对 数组 中 的 每 个 元 素 运 行 给 定 函 数 ， 返 回 每 次 函数 调用 的 结果 组 成 的 数组 
reverse 颠倒 数组 中 元 素 的 顺序 ， 原 先 第 一 个 元 素 现在 变 成 最 后 一 个 ， 同 样 原 先 的 最 后 一 个 元 素 变 成 了 现在 
的 第 一 个 

slice 传人 索引 值 ， 将 数组 里 对 应 索引 范围 内 的 元 素 作为 新 数组 返回 
some 对 数组 中 的 每 个 元 素 运 行 给 定 函 数 ， 如 果 任 一 元 素 返 回 true， 则 返回 true 
sort 按照 字母 顺序 对 数组 排序 ， 支 持 传人 指定 排序 方法 的 函数 作为 参数 
toSstring 将 数组 作为 字符 串 返 区 
valueOf 和 tostring 类 似 ， 将 数组 作为 字符 串 返回 

我 们 已 经 学 过 了 push、pop、shift、unshift 和 splice 方法 。 下 面 来 看 表格 中 提 到 的 





方法 。 在 本 书 接 下 来 的 章节 里 ， 编 写 数据 结构 和 算法 时 会 大 量 用 到 这 些 方法 。 这 其 中 的 一 些 方法 
在 函数 式 编程 中 是 很 有 用 的 ， 我 们 将 在 第 14 章 中 学 习 到 。 
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3.7.1 数组 合并 


考虑 如 下 场景 有 多 个 数组 ， 需 要 合并 起 来 成 为 一 个 数组 。 我 们 可 以 迭代 各 个 数组 ， 然 后 把 
每 个 元 素 加 入 最 终 的 数组 。 幸 运 的 是 , JavaScript 已 经 给 我 们 提供 了 解决 方法 , 叫 作 concat 方法 。 

const zero = 0; 

const positiveNumbers = [1, 2, 3]; 


const negativeNumbers = [-3, -2, -1]; 
let numbers = negativeNumbers.concat (zero, positiveNumbers); 


concat 方法 可 以 向 一 个 数组 传递 数组 、 对 象 或 是 元 素 。 数 组 会 按照 该 方法 传人 的 参数 顺序 
连接 指定 数组 。 在 这 个 例子 里 , zero 将 被 合并 到 nagativeNumbers 中 ,然后 positiveNumbers 
继续 被 合并 。 最 后 输出 的 结果 是 -3、-2、-1、0、1、2 和 3。 




















3.7.2 迭代 器 函数 
有 时 ,我 们 需要 迭代 数组 中 的 元 素 。 前 面 已 经 学 过 ， 可 以 用 循环 语句 来 处 理 , 例如 for 语句 。 


JavaScript 内 置 了 许多 数组 可 用 的 迭代 方法 。 对 于 本 节 的 例子 ， 我 们 需要 一 个 数组 和 一 个 函 
邮 数 : 假设 数组 中 的 值 是 从 1 到 15; 如 果 数 组 里 的 元 素 可 以 被 2 整除 ( 侧 数 )， 函 数 就 返回 true， 
否则 返回 false。 
function isEven(x) { 
// 如 果 X 是 2 的 倍数 ， 就 返回 true 
console.1log (x); 
return x $ 2 === 0 ? true : false; 








} 
let numbers. = [1; 27 3; 4, 5 0 17 B87 9 107 11; 12; 13; 14; 15]; 


6 return (x%$ 2 === 0) ? true : false 也 可 以 写成 return (x % 2 === 0)。 








为 了 简化 代码 ,我 们 不 使 用 ES5 语法 的 函数 声明 ， 而 是 使 用 第 2 章 中 的 ES2015 ( ES6 ) 语 
法 。 我 们 可 以 使 用 箭头 函数 来 改写 isEven 函数 。 


const isEven = x =>xX% 2 === 0; 





1. 用 every 方法 迭代 


我 们 要 尝试 的 第 一 个 方法 是 every。every 方法 会 迭代 数组 中 的 每 个 元 素 , 直 到 返回 false。 


numbers.every (isEven); 











在 这 个 例子 里 ,数组 numbers 的 第 一 个 元 素 是 1, 它 不 是 2 的 倍数 ( 1 是 奇数 ), 因此 isEven 
函数 返回 false， 然 后 every 执行 结 
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2. 用 some 方法 迭代 


下 一 步 ， 我 们 来 看 some 方法 。 它 和 every 的 行为 相反 ， 会 迭代 数组 的 每 个 元 素 ， 直 到 也 
数 返 回 true。 


numbers.some (isEven); 


在 我 们 的 例子 里 ，numbers 数组 中 第 一 个 偶数 是 2 (第 二 个 元 素 )。 第 一 个 被 和 迭代 的 元 素 
是 1，isEven 会 返回 false。 第 二 个 被 迭代 的 元 素 是 2，isEven 返回 true 迭代 结束 。 
























































3. 用 forEach 方法 迭代 
如 果 要 迭代 整个 数组 ， 可 以 用 forEach 方法 。 它 和 使 用 for 循环 的 结果 相同 。 


numbers.forEach(x => console.log(x %$ 2 === 0)); 








4. 使 用 map 和 filter 方法 
JavaScript 还 有 两 个 会 返回 新 数组 的 迭代 方法 。 第 一 个 是 map。 


const myMap = numbers.map (isEven); 




















数组 myMap 里 的 值 是 : [false, true, false, true, false, true, false, true, 
false，true，false，true，false，true，false]。 它 保存 了 传人 map 方法 的 isEven 
函数 的 运行 结果 。 这 样 就 很 容易 知道 一 个 元 素 是 否 是 偶数 。 比 如 ，myMap [0] 是 false， 因 为 1 
不 是 偶数 ; 而 myMap [1] 是 true， 因 为 2 是 偶数 。 


还 有 一 个 filter 方法 ， 它 返回 的 新 数组 由 使 函数 返回 true 的 元 素 组 成 。 


const evenNumbers = numbers.filter(isEven); 


在 我 们 的 例子 里 ，evenNumbers 数组 中 的 元 素 都 是 偶数 : [2，4，6，8，10，12，14]。 
5. 使 用 reduce 方法 


最 后 是 reduce 方法 。reduce 方法 接收 一 个 有 如 下 四 个 参数 的 函数 : previousValue、 
currentValue、index 和 array。 因 为 index 和 array 是 可 选 的 参数 ， 所 以 如 果 用 不 到 它们 
的 话 ， 可 以 不 传 。 这 个 函数 会 返回 一 个 将 被 三 加 到 累加 器 的 值 ，redquce 方法 停止 执行 后 会 返回 
这 个 累加 器 。 如 果 要 对 一 个 数组 中 的 所 有 元 素 求 和 ， 这 就 很 用。 下 面 是 一 个 例子 。 


numbers.reduce( (previous, current) => previous + Current); 







































































输出 将 是 120。 


这 三 个 方法 (map、filter 和 reduce ) 是 JavaScript 函数 式 编程 的 基础 ， 我 们 
将 在 第 14 章 了 解 到 。 
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3.7.3 ECMAScript 6 和 数组 的 新 功能 


第 1 章 提 到 过 ，ECMAScript2015 ( ES6 或 ES2015 ) 和 更 新 的 规范 (2015+ ) 给 JavaScript 
语言 带 来 了 新 的 功能 。 


下 表 列 出 了 ES2015 和 ES2016 新 增 的 数组 方法 。 














































































































@@iterator 返回 一 个 包含 数组 键 值 对 的 迭代 咒 对 象 ， 可 以 通过 同步 调用 得 到 数组 元 素 的 键 值 对 
copyWithin 复制 数组 中 一 系列 元 素 到 同一 数组 指定 的 起 始 位 置 

entries 返回 包含 数组 所 有 键 值 对 的 eeiterator 

includes 如 果 数 组 中 存在 某 个 元 素 则 返回 true， 否 则 返回 false。E2016 新 增 

find 根据 回调 函数 给 定 的 条 件 从 数组 中 查找 元 素 ， 如 果 找 到 则 返回 该 元 素 

findIndex 根据 回调 函数 给 定 的 条 件 从 数组 中 查找 元 素 ， 如 果 找 到 则 返回 该 元 素 在 数组 中 的 索引 
各 和 静态 值 填充 数组 

from 根据 已 有 数组 创建 一 个 新 数组 

keys 返回 包含 数组 所 有 索引 的 eeiterator 

of 根据 传人 的 参数 创建 一 个 新 数组 

values 返回 包含 数组 中 所 有 值 的 eeiterator 

















除了 这 些 新 的 方法 , 还 有 一 种 用 for. . .of 循环 来 迭代 数组 的 新 做 法 , 以 及 可 以 从 数组 实例 
得 到 的 迭代 器 对 象 。 


1. 使 用 for. . .of 循环 迭代 


你 已 经 学 过 用 for 循环 和 forEach 方法 迭代 数组 。ES2015 还 引入 了 和 迭代 数组 值 的 
for . . .of 2 下 面 来 看 看 它 的 用 法 。 


for (const n of numbers) { 
console.log(n gs 2 === 0 ? 'even' : 'o0dd'); 


} 





2. 使 用 eeiterator 对 象 


ES2015 还 为 Array 类 增加 了 一 个 eeiterator 属性 ,需要 通过 symbol .iterator 来 访问 。 
代码 如 下 。 


let iterator = numbers[Symbol.iterator] () 


( 
console.log(iterator.next().value); // 1 
console.log(iterator.next().value); // 2 
console.log(iterator.next() .value); // 3 
console.log(iterator.next() .value); // 4 
console.log(iterator.next() .value); // 5 


然后 ， 不 断 调用 和 迭代 器 的 next 方法 ， 就 能 依次 得 到 数组 中 的 值 。numpbers 数组 中 有 15 个 
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值 ， 因 此 需要 调用 15 次 iterator.next() .value。 
我 们 可 以 用 下 面 的 代码 来 输出 numbers 数组 中 的 15 个 值 。 


iterator = numbers[Symbol.iterator] (); 
for (const n of iterator) { 
console.log(n); 


} 

数组 中 的 所 有 值 都 迭代 完 之 后 ，iterator .next () .value 会 返回 undefined。 

3. 数组 的 entries、keys 和 values 方法 

ES2015 还 增加 了 三 种 从 数组 中 得 到 迭代 器 的 方法 。 我 们 首先 要 学 习 的 是 entries 方法 。 
entries 方法 返回 包含 键 值 对 的 eeiterator， 下 面 是 使 用 该 方法 的 代码 示例 。 





let aEntries = numbers.entries(); // 得 到 键 值 对 的 和 迭代 器 

console.log(aEntries.next().value); // [0，1] - 位 置 0 的 值 为 工 
console.log(aEntries.next().value); // [1，2] - 位 置 1 的 值 为 2 
console.log(aEntries.next().value); // [2，3] - 位 置 2 的 值 为 3 
































numbers 数组 中 都 是 数 ，key 是 数组 中 的 位 置 ，value 是 保存 在 数组 索引 的 值 。 
我 们 也 可 以 使 用 下 面 的 代码 。 


aEntries = numbers.entries(); 
for (const n of aEntries) { 
console.log(n); 


} 


使 用 集合 、 字 典 、 散 列表 等 数据 结构 时 ,能 够 取出 键 值 对 是 很 有 用 的 。 这 个 功能 会 在 本 书后 
面 的 章节 中 大 显 身 手 。 


keys 方法 返回 包含 数组 索引 的 eeiterator， 下 面 是 使 用 该 方法 的 代码 示例 。 











const aKeys = numbers.keys(); // 得 到 数组 索引 的 和 迭代 器 

console.log(aKeys.next()); // {value: 0, done: false } 
console.log(aKeys.next()); // {value: 1, done: false } 
console.log(aKeys.next()); // {value: 2, done: false } 


keys 方法 会 返回 numbers 数组 的 索引 。 一 旦 没有 可 迭代 的 值 ，aKeys .next () 就 会 返回 一 
个 value 属性 为 undefined、done 属性 为 true 的 对 象 。 如 果 done 属性 的 值 为 false， 就 意 
味 着 还 有 可 迭代 的 值 。 


values 方法 返回 的 eeiterator 则 包含 数组 的 值 。 使 用 这 个 方法 的 代码 示例 如 下 。 














const aValues = numbers.values () ; 
console.log(aValues.next()); // {value: 1, done: false } 
console.log(aValues.next()); // {value: 2, done: false } 


console.log(aValues.next()); // {value: 3, done: false } 
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记 住 ， 当 前 的 浏览 器 还 没有 完全 支持 ES2015 的 新 功能 。 因 此 ， 测 试 这 些 代码 最 
好 的 办 法 是 使 用 Babel。 访问 http://t.cn/EGE4fTB 查看 和 运行 示例 。 


4. 使 用 from 方法 


Array .from 方法 根据 已 有 的 数组 创建 一 个 新 数组 。 比 如 ， 要 复制 numbers 数组 ， 可 以 如 
下 这 样 做 。 


let numbers2 = Array.from(numbers); 


还 可 以 传人 一 个 用 来 过 滤 值 的 函数 ， 例 子 如 下 。 


let evens = Array.from(numbers, x => (x $ 2 == 0)); 








上 面 的 代码 会 创建 一 个 evens 数组 ,以 及 值 true ( 如 果 在 原 数 组 中 为 偶数 ) 或 false (如 
果 在 原 数组 中 为 奇数 )。 


5. 使 用 Array .of 方法 


Array .of 方法 根据 传人 的 参数 创建 一 个 新 数组 。 以 下 面 的 代码 为 例 。 


let numbers3 
let numbers4 


它 和 下 面 这 段 代码 的 效果 一 样 。 


let numbers3 
let numbers4 


我 们 也 可 以 用 该 方法 复制 已 有 的 数组 ， 如 下 所 示 。 


let numbersCopy = Array.of(...numbers4); 


Array .of (1); 
Array .OF{(l; 2 dy We 5 6) 





上 面 的 代码 和 Array .from (numbers4) 的 效果 是 一 样 的 ， 区 别 只 是 用 到 了 第 1 章 讲 过 的 展 
开 运 算 符 。 展 开 运 算 符 ( ... ) 会 把 numbers4 数组 里 的 值 都 展开 成 参数 。 


6. 使 用 fi11 方法 
fi11 方法 用 静态 值 填充 数组 。 以 下 面 的 代码 为 例 。 


let numbersCopy = Array.of(1, 2, 3, 4, 5, 6); 

















numbersCopy 数组 的 1ength 是 6， 也 就 是 有 6 个 位 置 。 再 看 下 面 的 代码 。 


DumpbersCopy .fi1l1(0); 





numbersCopy 数组 所 有 位 置 上 的 值 都 会 变 成 0 ( [0，0，0，0，0，0] )。 我 们 还 可 以 指定 
开始 填充 的 索引 ， 如 下 所 示 。 
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numbersCopy .fil1(2，1):; 

上 面 的 例子 里 ， 数 组 中 从 1 开始 的 所 有 位 置 上 的 值 都 是 2 ( [0，2，2，2，2，2] )。 
同样 ， 我 们 也 可 以 指定 结束 填充 的 索引 。 

DumbersCopy .fil11(1，3，5)， 


在 上 面 的 例子 里 , 我 们 会 把 1 填充 到 数组 索引 3 到 5 的 位 置 (不 包括 3 和 5 ), 得 到 的 数组 为 
LO 2D Ds ye 


创建 数组 并 初始 化 值 的 时 候 ，fil1 方法 非常 好 用 ， 就 像 下 面 这 样 。 


let ones = Array (6) .fi11(1); 


上 面 的 代码 创建 了 一 个 长 度 为 6、 所 有 值 都 是 1 的 数组 ( [1, 1, 1, 1, 1, 1])。 
































7. 使 用 copywithin 方法 

copyWithin 方法 复制 数组 中 的 一 系列 元 素 到 同一 数组 指定 的 起 始 位 置 。 看 看 下 面 这 个 例子 。 

ee 

假如 我 们 想 把 4、5、6 三 个 值 复制 到 数组 前 三 个 位 置 ， 得 到 [4，5，6，4，5，6] 这 个 数 
组 ， 可 以 用 下 面 的 代码 达到 目的 。 


CopyArray .copyWithin(0, 3); 


假如 我 们 想 把 4、5 两 个 值 (在 位 置 3 和 4 上 ) 复制 到 位 置 1 和 2， 可 以 这 样 做 : 


copyArray = [1, 2, 3, 4, 5, 6]; 
copyArray .copyWithin(1, 3, 5); 


这 种 情况 下 ， 会 把 从 位 置 3 开始 到 位 置 5 结束 (不 包括 3 和 5 ) 的 元 素 复 制 到 位 置 1， 结 
是 得 到 数组 [1，4，5，4，5，6]。 



































3.7.4 ”排序 元 素 


通过 本 书 ， 我 们 能 学 到 如 何 编写 最 常用 的 搜索 和 排序 算法 。 其 实 ，JavaScript 里 也 提供 了 一 
个 排序 方法 和 一 组 搜索 方法 。 让 我 们 来 看 看 。 

首先 ， 我 们 想 反 序 输出 数组 numbers ( 它 本 来 的 排序 是 1，2，3，4，...，15 )。 要 实现 
这 样 的 功能 ， 可 以 用 reverse 方法 ， 然 后 数组 内 元 素 就 会 反 序 。 


numbers.reverse(); 








现在 ， 输 出 numbers 的 话 就 会 看 到 [15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 
2，1]。 然 后 ,我 们 使 用 sort 方法 。 
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numbers.sort (); 

















然而 ， 如 果 输 出 数组 ， 结 果 会 是 [1, 10, 11, 12, 13, 14, 15, 2, 3, 4, 5, 6, 7, 8, 
9]。 看 起 来 不 大 对 ， 是 吧 ? 这 是 因为 sort 方法 在 对 数组 做 排序 时 ， 把 元 素 默 认 成 字符 串 进行 相 
互 比较 。 


我 们 可 以 传人 自己 写 的 比较 函数 。 因 为 数组 里 都 是 数 ， 所 以 可 以 像 下 面 这 样 写 。 
numbers.sort((a, b) => a - b); 


在 b 大 于 a 时, 这 段 代码 会 返回 负数 ,反之 则 返回 正 数 。 如 果 相 等 的 话 ， 就 会 返回 0。 也 就 
是 说 返回 的 是 负数 ， 就 说 明 a 比 pb 小， 这 样 sort 就 能 根据 返回 值 的 情况 对 数组 进行 排序 。 


之 前 的 代码 也 可 以 表示 成 如 下 这 样 ， 会 更 清晰 一 些 。 


function compare(a, b) { 
nt > 
return -1; 
} 
Lf "(a SSB) 14 
return 1; 
} 
// a 必须 等 于 b 
return 0; 
} 


numbers.sort (compare); 






































这 是 因为 JavaScript 的 sort 方法 接收 compareFunction 作为 参数 ， 然 后 sort 会 用 它 排 
序数 组 。 在 这 个 例子 里 ， 我 们 声明 了 一 个 用 来 比较 数组 元 素 的 函数 ， 使 数组 按 升序 排序 。 


1. 自 定 义 排 序 


我 们 可 以 对 任何 对 象 类 型 的 数组 排序 ， 也 可 以 创建 compareFunction 来 比较 元 素 。 例 如 ， 
对 象 Pearson 有 名 字 和 年 龄 属性 ， 我 们 希望 根据 年 龄 排序 ， 就 可 以 这 么 写 。 


const friends = [ 
{ name: 'John', age: 30 }， 
{ name: 'Ana', age: 20 }, 
{ name: 'Chris'，age: 25 }，// ES2017 允许 存在 尾 过 号 
由 
function comparePerson(a, b) { 
if (a.age < b.age) { 
return -1; 
} 
if (a.age > b.age) { 
return 1; 
} 
return 0; 
} 


console.log(friends.sort (comparePerson)); 
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在 这 个 例子 里 ， 最 后 会 输出 ana (20) ，chris(25)，dJohn(30) 。 
2. 字符 串 排 序 
假如 有 这 样 一 个 数组 。 


let names = ['Ana', 'ana', 'john', 'John']; 
console.log (names.sort ()); 


你 猜 会 输出 什么 ? 答案 如 下 所 示 。 
隐 仙人 的 0 和 9 和 /ION 
既然 a 在 字母 表 里 排 第 一 位 ,为 何 ana 却 排 在 了 Jonn 之 后 呢 ? 这 是 因为 JavaScript 在 做 字 


符 比 较 的 时 候 ， 是 根据 字符 对 应 的 ASCII 值 来 比较 的 。 例 如 ，A、J、a、j 对 应 的 ASCII 值 分 别 
是 65、74、97、106。 





























虽然 a 在 字母 表 里 是 最 靠 前 的 , 但 JI 的 ASCII 值 比 a 的 小 ， 所 以 排 在 了 a 前面。 
人 PD 想 了 解 更 多 关于 ASCII 表 的 信息 ， 请 访问 http://www.asciitable.com/。 


现在 ， 如 果 给 sort 传人 一 个 忽略 大 小 写 的 比较 函数 ， 将 输出 ["ana"， "ana"， "John"， 
"john"]o 


names = ['Ana'，'ana'，'john'，'John']; // 重 置 数组 的 初始 状态 
console.log(names.sort((a, b) => { 
if (a.toLowerCase() < b.toLowerCase()) { 


return -1; 

} 

if (a.toLowerCase() > b.toLowerCase()) { 
return 1; 


} 

return 0; 
阁下 
在 这 种 情况 下 ，sort 函数 不 会 有 任何 作用 。 它 会 按照 现在 的 大 小 写字 母 顺 序 排 序 。 
如 果 和 希望 小 写字 母 排 在 前 面 ， 那 么 需要 使 用 localecompare 方法 。 


names.sort((a, b) => a.localeCompare(b)); 





输出 结果 将 是 ["ana" ， "Ana", "john" ， "John"]。 
假如 对 带 有 重音 符号 的 字符 做 排序 的 话 ， 也 可 以 用 1ocalecompare 来 实现 。 
const names2 = ['Maéve', 'Maeve']; 


console.log(names2.sort((a, b) => a.localeCompare(b))); 


最 后 输出 的 结果 将 是 ["Maeve"， "Maeve"]。 
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3.7.5 ”搜索 
搜索 有 两 个 方法 : indexof 方法 返回 与 参数 匹配 的 第 一 个 元 素 的 索引 ; lastIndex0of 返回 
与 参数 匹配 的 最 后 一 个 元 素 的 索引 。 我 们 来 看 看 之 前 用 过 的 numbers 数组 。 


console.log (numbers.indexOof (10)); 
console.log (numbers.indexOof (100)); 


在 这 个 示例 中 ， 第 一 行 的 输出 是 9， 第 二 行 的 输出 是 -1 ( 因为 100 不 在 数组 里 )。 下 面 的 代 
码 会 返回 同样 的 结果 。 


numbers.push (10); 























console.log (numbers.lastIindexOof (10)); 





console.log (numbers.lastIindexOf (100)); 


我 们 往 数 组 里 加 入 了 一 个 新 的 元 素 10， 因 此 第 二 行 会 输出 15 (数组 中 的 元 素 是 1 到 15, 还 
有 10 )， 第 三 行 会 输出 -1 (因为 100 不 在 数组 里 )。 




















1. ECMAScript 2015 一 一 find 和 findIndex 方法 


看 看 下 面 这 个 例子 。 


Tet MUmeres. S172 .3rd Dn 9 0 Llyn13T4 LSD] 
function multipleOof1l3(element, index, array) { 
return (element % 13 == 0); 

} 

console.log(numbers.find(multipleof13)); 

console.log (numbers.findIindex (multipleOf13)); 


find 和 findIndex 方法 接收 一 个 回调 函数 , 搜索 一 个 满足 回调 函数 条 件 的 值 。 上 面 的 例子 
我 们 要 从 数组 里 找 一 个 13 的 倍数 。 


find 和 findIndex 的 不 同 之 处 在 于 ，fing 方法 返回 第 一 个 满足 条 件 的 值 ，f indIndex 
方法 则 返回 这 个 值 在 数组 里 的 索引 。 如 果 没 有 满足 条 件 的 值 ，finad 会 返回 undefined， 而 
findIndex 返回 -1。 





里 


> 


2. ECMAScript 7 一 一 使 用 includaes 方法 


如 果 数 组 里 存在 某 个 元 素 , includes 方法 会 返回 true, 否则 返回 false。 使 用 includes 
方法 的 例子 如 下 。 


console.log (numbers.includes (15)); 
console.log (numbers.includes (20)); 


例子 里 的 includes (15) 返 回 true, includes (20) 返 回 false, 因为 numbers 数组 里 没 
有 20。 
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如 果 给 incluaqes 方法 传人 一 个 起 始 索引 ， 搜 索 会 从 索引 指定 的 位 置 开 始 。 


let numbers2 = [7,6,5,4,3,2,1]; 
console.log (numbers2.includes (4,5)); 


上 面 的 例子 输出 为 false， 因 为 数组 索引 5 之 后 的 元 素 不 包含 4。 





3.7.6 ”输出 数组 为 字符 串 
现在 ， 我 们 学 习 最 后 两 个 方法 : tostring 和 join。 


如 果 想 把 数组 里 所 有 元 素 输出 为 一 个 字符 串 ， 可 以 用 tostring 方法 。 


console.log (numbers .toString() ) ; 

















1、2、3、4、5、6、7、8、9、10、11、12、13、14、15 和 10 这 些 值 都 会 在 控制 台中 输出 。 


如 果 想 用 一 个 不 同 的 分 隔 符 ( 比如 - ) 把 元 素 隔 开 ， 可 以 用 join 方法 。 


const numbersString = numbers.join('-'); 
console.log (numbersString); 


输出 将 如 下 所 示 。 
1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-10 


如 果 要 把 数组 内 容 发 送 到 服务 器 ， 或 进行 编码 〈 知 道 了 分 隔 符 ， 解 码 也 很 容易 )， 这 会 很 
有 用 。 





























有 一 些 很 棒 的 资源 可 以 帮助 你 更 深入 地 了 解数 组 及 其 方法 。Mozilla 关于 数组 及 
其 方法 的 页 面 非 常 棒 ， 还 有 不 错 的 例子 : https://developer.mozilla.org/zh- 

名 CN/docs/Web/JavaScript/Reference/Global Objects/Array。Lo-Dash 也 是 一 个 在 处 
理 数组 方面 非常 有 用 的 库 。 


3.8 ”类 型 数组 


与 C 和 Java 等 其 他 语言 不 同 ，JavaScript 数组 不 是 强 类 型 的 ， 因 此 它 可 以 存储 任意 类 型 的 
数据 。 


类 型 数组 则 用 于 存储 单一 类 型 的 数据 。 它 的 语法 是 let myArray = new TypedArray 
(length) ， 其 中 TypegdArray 需 替换 为 下 表 所 列 之 一 。 
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类 型 数组 数据 类 型 
Int8Array 8 位 二 进 制 补 码 整 数 
Uint8Array 8 位 无 符号 整数 
Uint8ClampedArray 8 位 无 符号 整数 
Int16Array 16 位 二 进 制 补 码 整数 
Uint1l6Array 16 位 无 符号 整数 
Int32Array 32 位 二 进 制 补 码 整 数 
Uint32Array 32 位 无 符号 整数 
Float32Array 32 位 IEEE 浮 点 数 
Float64Array 64 位 IEEE 浮 点 数 





代码 示例 如 下 。 


let length = 5; 
let int16 = new Intl6Array (length); 


let array16 = []; 
arrayl6.length = length; 


for (let i=0; i<length; i++){ 

int16[i] = i+1; 

} 

console.log (int16); 

使 用 WebGL API、 进 行 位 操作 、 处 理 文件 和 图 像 时 ,类 型 数组 都 可 以 大 展 拳脚 。 它 用 起 来 和 
普通 数组 毫 无 二 致 ， 本 章 所 学 的 数组 方法 和 功能 都 可 以 用 于 类 型 数组 。 


https:/www.html5rocks.com/en/tutorials/webgl/typed_arrays/ 是 一 个 很 好 的 教程 , 讲解 了 如 何 使 
用 类 型 数组 处 理 二 进 制 数据 ， 以 及 它 在 实际 项 目 中 的 应 用 。 



































3.9 TypeScript 中 的 数组 


本 章 的 所 有 源 代码 都 是 合法 的 TypeScript 代 码 。 区 别 在 于 TypeScript 会 在 编译 时 进行 类 型 检 
测 ， 来 确保 只 对 所 有 值 都 属于 相同 数据 类 型 的 数组 进行 操作 。 


如 果 检 查 下 面 这 段 代码 ， 会 发 现 它 和 本 章 前 几 节 声明 的 numpers 数组 是 一 样 的 。 


const numbers = [1 2, 3, 4, 5, 6, 7, 8, 9, 10]; 





订 





根据 类 型 推 新 ，TypeScript 能 够 理解 numbers 数组 的 声明 和 const numbers: number [] 
是 一 样 的 。 出 于 这 个 原因 ， 如 果 我 们 在 声明 时 给 变量 赋 了 初始 值 ， 就 不 需要 每 次 都 显 式 声明 变量 
的 类 型 了 。 


回 到 对 friends 数组 的 排序 示例 ， 我 们 可 以 用 TypeScript 将 代码 重 构成 如 下 这 样 。 
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interface Person { 
name: string; 
age: number; 


} 


// const friends: {name: string, age: number}[]; 
const friends = [ 

{ name: 'John', age: 30 }, 

{ name: 'Ana', age: 20 }, 

{ name: 'Chris', age: 25 } 


J 


function comparePerson(a: Person, b: Person) { 
// comparePerson 函数 的 内 容 
} 
通过 声明 Person 接口 , 我 们 确保 了 comparePerson 国 数 只 接收 包含 name 和 age 属性 的 
对 象 。friends 数组 没有 显 式 的 类 型 ， 因 此 可 以 在 本 例 中 通过 const friends: Person[] 显 
式 声明 它 的 类 型 。 


总 之 ， 如 果 想 用 TypeScript 给 JavaScript 变量 设置 类 型 ， 我 们 只 需要 使 用 const 或 let 
variableName: <type>[] ， 抑 或 像 我 们 在 第 1 章 中 学 习 到 的 ， 在 使 用 .js 扩展 名 的 文件 时 ， 在 
第 一 行 添 加 注释 // ets-check。 


在 运行 时 ， 输 出 结果 和 使 用 纯 JavaScript 时 是 一 样 的 。 






































3.10 小结 


本 章 ， 我 们 学 习 了 最 常用 的 数据 结构 : 数组 。 不 仅 学 习 了 如 何 声明 和 初始 化 数组 、 给 数组 赋 
值 ， 以 及 添加 和 删除 数组 元 素 , 还 学 习 了 二 维 、 多 维 数组 以 及 数组 的 主要 方法 。 这 对 我 们 在 后 面 
章节 中 编写 自己 的 算法 很 有 用 。 


我 1 

最 后 ， 我 们 学 习 了 怎样 使 用 TypeScript 或 TypeScript 的 编译 时 检测 功能 来 确保 JavaScript 文 
件 中 的 数组 只 包含 具有 相同 类 型 的 值 。 

下 一 章 ， 我 们 将 学 习 栈 ， 可 以 把 它 当 作 一 种 具有 特殊 行为 的 数组 。 





























] 还 学 习 了 ES2015 和 ES2016 规范 新 增 的 Array 方法 和 功能 。 
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栈 














上 一 章 ， 我们 学 习 了 如 何 创建 和 使 用 计算 机 科学 中 最 常用 的 数据 结构 一 一 数组 。 我 们 知道 ， 
可 以 在 数组 的 任意 位 置 上 删除 或 添加 元 素 。 然 而 ,有 时 候 还 需要 一 种 能 在 添加 或 删除 元 素 时 进行 
更 多 控制 的 数据 结构 。 有 两 种 类 似 于 数组 的 数据 结构 在 添加 和 删除 元 素 时 更 为 可 控 , 它们 就 是 栈 
和 队列 。 


























本 章 内 容 包括 : 
口 创建 我 们 自己 的 JavaScript 数据 结构 库 
口 栈 数据 结构 


口 向 栈 添 加 元 素 
口 从 栈 移 除 元 素 
口 如 何 使 用 stack 类 
口 十 进 制 转 二 进 制 








4.1 创建 一 个 JavaScript 数据 结构 和 算法 库 


从 本 章 开始 ， 我 们 将 要 创建 自己 的 JavaScript 数据 结构 和 算法 库 。 本 书 的 源 代 码 包 为 本 任务 
做 好 了 准备 。 


下 载 完 源 代码 ， 并 按照 第 1 章 的 介绍 安装 好 Node.js 后 ， 将 当前 目录 切换 至 本 项 目的 目录 并 
运行 命令 npm install， 如 下 图 所 示 。 











[ @O@@e@ | javascript-datastructures-algorithms 一 -bash 一 69x7 


[loiane:development Loiane$ cd javascript-datastructures-aLgorithms 
[loiane:javascript-datastructures-algorithms Loiane$ npm install 





> fsevents@1.1.2 install /Users/loiane/Documents/development/javascri 
pt-datastructures-algorithms/node_modules/fsevents 
> node install 








所 有 依赖 都 安装 好 后 ( node_modules )， 你 就 可 以 使 用 脚本 来 进行 测试 ， 生 成 测试 覆盖 率 
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报告 ,以 及 生成 一 个 叫 作 PacktDataStructuresAlgorithms.min.js 的 文件 ， 它 包含 我 们 从 本 章 开 始 创 
建 的 所 有 源 代码 。 下 图 展示 了 我 们 的 库 中 已 有 的 文件 和 本 章 将 要 创建 的 一 些 文件 。 














4 examples 4 网 test 
>》 罚 chapter01 4 砚 js 
> 因 chapter02 4 data-structures 
> 项 chapter03 MR stack-array.spec.js 
目 index.html 从 stack.spec.js 
PacktDataStructuresAlgorithms.min.js 4 others 
”上 咱 node_ modules 条 balanced-symbols.spec.js 
4 二 src 汰 base-converter.spec.js 
4 js 条 hanoi.spec.js 
4 data-structures > 殴 ts 
Stack-array-.js mm package-lock.json 
stack.js mm package.json 
others my README.md 
balanced-symbols.js TS tsconfig.json 
base-converter.js fs tslint.json 
hanoi.js 全 webpack.config.js 
index.js 











本 章 将 要 创建 的 文件 可 以 在 src/is 目录 中 找到 ， 它 们 已 经 被 分 类 了 。 在 另 一 个 test 目录 中 ， 
你 能 找到 和 src 目录 中 原始 文件 对 应 的 specjs 文 件 . 这 些 文件 包含 使 用 了 名 为 Mocha 的 JavaScript 
测试 框架 的 测试 代码 。 另 外 ,对 于 每 个 JavaScript 文件 ,你 都 可 以 在 ts 目录 中 找到 对 应 的 TypeScript 
文件 。 要 执行 测试 ， 只 需要 执行 npm run test 命令 ; 要 执行 测试 并 查看 测试 覆盖 率 报 告 ( 源 
代码 被 测试 代码 覆盖 的 百分比 )， 你 可 以 执行 npm run dev 命令 。 如 果 你 使 用 的 编辑 器 是 Visual 
Studio Code 的 话 ， 也 能 找到 用 来 调试 测试 代码 的 脚本 。 你 只 需 在 需要 的 位 置 添加 好 断 点 并 执行 
Mocha TS 或 Mocha JS 调试 任务 。 在 package.json 文件 中 ， 你 可 以 找到 一 条 npm run webpack 
命令 , 它 用 来 生成 PacktDataStructuresAlgorithms.min.js 文件 , 该 文件 可 以 用 在 我 们 的 HTML 示例 
中 。 这 条 脚本 用 到 了 Webpack , 它 是 一 个 可 用 于 解析 所 有 ECMAScript 2015+ 模 块 依赖 使 用 Babel 
转译 源 代码 、 将 所 有 JavaScript 文件 打包 到 一 个 单独 的 文件 中 , 并 能 兼容 于 浏览 器 和 Node,js 环境 
的 工具 。 我 们 在 第 2 章 中 学 习 过 它 。 关 于 其 他 可 以 使 用 的 脚本 命令 ,更 多 信息 可 以 在 README.md 
文件 中 找到 。 


























下 载 代码 包 的 详细 步骤 在 前 言 中 提 到 过 , 你 可 以 看 一 看 。 本 书 的 代码 包 同 样 可 以 
在 GitHub 地 址 https://github.com/loiane/javascript-datastructures-algorithms 下 载 。 
4.2 ” 栈 数据 结构 


栈 是 一 种 遵从 后 进 先 出 ( LIFO ) 原则 的 有 序 集合 。 新 添加 或 待 删除 的 元 素 都 保存 在 栈 的 同 
一 端 ， 称 作 栈 顶 ， 另 一 端 就 叫 栈 底 。 在 栈 里 ， 新 元 素 都 靠近 栈 项 ， 旧 元 素 都 接近 栈 底 。 
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在 现实 生活 中 也 能 发 现 很 多 栈 的 例子 。 例 如 ， 下 图 里 的 一 摊 书 或 者 餐厅 里 铸 放 的 盘子 。 





























栈 也 被 用 在 编程 语言 的 编译 器 和 内 存 中 保存 变量 、 方 法 调用 等 ， 也 被 用 于 浏览 器 历史 记录 
(浏览 絮 的 返回 按钮 )。 


4.2.1 创建 一 个 基于 数组 的 栈 
我 们 将 创建 一 个 类 来 表示 栈 。 简 单 地 从 创建 一 个 stack-array.js 文件 并 声明 stack 类 开始 。 


class Stack { 
constructor() { 
this.items = []; // {1} 
} 
} 


我 们 需要 一 种 数据 结构 来 保存 栈 里 的 元 素 。 可 以 选择 数组 ( 行 {1} )。 数 组 允许 我 们 在 任何 
位 置 添加 或 删除 元 素 。 由 于 栈 遵循 LIFO 原则 , 需要 对 元 素 的 插入 和 删除 功能 进行 限制 。 接 下 来 ， 
要 为 栈 声 明 一 些 方法 。 


口 push (element (s) ) : 添加 一 个 (或 几 个 ) 新 元 素 到 栈 顶 。 

口 pop () : 移 除 栈 顶 的 元 素 ， 同 时 返回 被 移 除 的 元 素 。 

口 beek() : 返回 栈 顶 的 元 素 , 不 对 栈 做 任何 修改 (该 方法 不 会 移 除 栈 顶 的 元 素 , 仅仅 返回 它 )。 
口 isEmpty () : 如 果 栈 里 没有 任何 元 素 就 返回 true， 否 则 返回 false。 

口 clear() : 移 除 栈 里 的 所 有 元 素 。 

口 size(): 返回 栈 里 的 元 素 个 数 。 该 方法 和 数组 的 length 属性 很 类 似 。 


























4.2.2 ”向 栈 添加 元 素 
我 们 要 实现 的 第 一 个 方法 是 push。 该 方法 负责 往 栈 里 添加 新 元 素 ， 有 一 点 很 重要 : 该 方法 
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只 添加 元 素 到 栈 顶 ， 也 就 是 栈 的 未 尾 。push 方法 可 以 如 下 这 样 写 。 


push(element) { 
this.items.push (element); 


} 


因为 我 们 使 用 了 数组 来 保存 栈 里 的 元 素 ,所 以 可 以 用 上 一 章 学 到 的 数组 的 push 方法 来 实现 。 








4.2.3 ”从 栈 移 除 元 素 


接着 ,我们 来 实现 pop 方法 。 该 方法 主要 用 来 移 除 栈 里 的 元 素 。 栈 遵从 LIFO 原则 ， 因 此 移 
出 的 是 最 后 添加 进去 的 元 素 。 因 此 ， 我 们 可 以 用 上 一 章 讲 数组 时 介绍 的 pop 方法 。 栈 的 pop 方 
法 可 以 这 样 写 : 


pop() { 
return this.items.pop(); 





只 能 用 push 和 pop 方法 添加 和 删除 栈 中 元 素 , 这 样 一 来 , 我 们 的 栈 自然 就 遵从 了 LIFO 原则 。 


4.2.4 查看 栈 顶 元 素 
现在 ， 为 我 们 的 类 实现 一 些 额 外 的 辅助 方法 。 如 果 想 知道 栈 里 最 后 添加 的 元 素 是 什么 ,可 以 
用 peek 方法 。 该 方法 将 返回 栈 顶 的 元 素 。 


peek() { 
return this.items[this.items.length - 1]; 





因为 类 内 部 是 用 数组 保存 元 素 的 ， 所 以 访问 数组 的 最 后 一 个 元 素 可 以 用 length - 1。 











栈 顶 


四 | jms 


在 上 图 中 ， 有 一 个 包含 三 个 元 素 的 栈 ， 因 此 内 部 数组 的 长 度 就 是 3。 数 组 中 最 后 一 项 的 位 置 
是 2, 而 length -1(3-1) 正好 是 2。 
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4.2.5 ”检查 栈 是 否 为 空 
下 一 个 要 实现 的 方法 是 isEmpty， 如 果 栈 为 空 的 话 将 返回 true， 否 则 就 返回 false。 


isEmpty() { 
return this.items.length === 0; 


} 
使 用 isEmpty 方法 ， 我 们 能 简单 地 判断 内 部 数组 的 长 度 是 否 为 0。 

类 似 于 数组 的 length 属性 ， 我 们 也 能 实现 栈 的 length。 对 于 集合 ， 最 好 用 size 代替 
length。 因 为 栈 的 内 部 使 用 数组 保存 元 素 ， 所 以 能 简单 地 返回 栈 的 长 度 。 


size() { 
return this.items.length; 


} 




















4.2.6 ”清空 栈 元 素 

最 后 ， 我 们 来 实现 clea 方法 。clear 方法 用 来 移 除 栈 里 所 有 的 元 素 ， 把 栈 清空 。 实 现 该 
方法 最 简单 的 方式 如 下 。 

clear() { 


this.items = []; 


} 
也 可 以 多 次 调用 pop 方法 ， 把 数组 中 的 元 素 全 部 移 除 。 


完成 了 ! 栈 已 经 实现 。 


4.2.7 使 用 stack 类 
在 深入 了 解 栈 的 应 用 前 ， 我 们 先 来 学 习 如 何 使 用 stack 类 。 首 先 需要 初始 化 Stack 类 ， 然 
后 验证 一 下 栈 是 否 为 空 (输出 是 true， 因 为 还 没有 往 栈 里 添加 元 素 )。 


const stack = new Stack(); 
console.log(stack.isEmpty()); // 输出 为 true 


接 下 来 ， 往 栈 里 添加 一 些 元 素 ( 这 里 我 们 添加 数字 5 和 8; 你 可 以 添加 任意 类 型 的 元 素 )。 


stack.push(5); 
stack.push(8); 


如 果 调 用 peek 方法 ,将 输出 8， 因 为 它 是 往 栈 里 添加 的 最 后 一 个 元 素 。 


console.log(stack.peek()); // 输出 8 
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再 添加 一 个 元 素 。 


Stack .push(11) 
console.log(stack.size()); // 输出 3 
console.log(stack.isEmpty()); // 输出 false 











我 们 往 栈 里 添加 了 11。 如 果 调 用 size 方法 , 输出 为 3，, 因为 栈 里 有 三 个 元 素 (5、8 和 11 )。 
如 果 我 们 调用 isEmpty 方法 ,会 看 到 输出 了 false ( 因为 栈 里 有 三 个 元 素 ， 不 是 空 栈 )。 最 后 ， 
我 们 再 添加 一 个 元 素 。 


stack.push(15); 





























下 图 描绘 了 目前 为 止 我 们 对 栈 的 操作 ， 以 及 栈 的 当前 状态 。 





添加 8 栈 顶 添加 11 11 


上 
Bd 
加 加 


添加 5 




















然后 ， 调 用 两 次 pop 方法 从 栈 里 移 除 两 个 元 素 。 
stack.pop(); 

stack.pop(); 

console.log(stack.size()); // 输出 2 














在 两 次 调用 pop 方法 前 ， 我 们 的 栈 里 有 四 个 元 素 。 调 用 两 次 后 ， 现 在 栈 里 仅 剩 人 5 和 8 了 。 
下 图 描绘 了 这 个 执行 过 程 。 
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4.3 创建 一 个 基于 JavaScript 对 象 的 stack 类 


创建 一 个 stack 类 最 简单 的 方式 是 使 用 一 个 数组 来 存储 其 元 素 。 在 处 理 大 量 数据 的 时 候 ( 这 
在 现实 生活 中 的 项 目 里 很 常见 )， 我 们 同样 需要 评估 如 何 操作 数据 是 最 高 效 的 。 在 使 用 数组 时 ， 
大 部 分 方法 的 时 间 复 杂 度 是 O(n)。 第 15 章 我 们 将 学 习 到 更 多 有 关 算 法 复杂 度 的 知识 。O(n) 的 意 
思 是 ,我们 需要 迭代 整个 数组 直到 找到 要 找 的 那个 元 素 , 在 最 坏 的 情况 下 需要 迭代 数组 的 所 有 位 
置 ， 其 中 的 代表 数组 的 长 度 。 如 果 数 组 有 更 多 元 素 的 话 ， 所 需 的 时 间 会 更 长 。 男 外 ， 数 组 是 元 
素 的 一 个 有 序 集合 ， 为 了 保证 元 素 排 列 有 序 ， 它 会 占用 更 多 的 内 存 空间 。 


如 果 我 们 能 直接 获取 元 素 , 占用 较 少 的 内 存 空间 , 并 且 仍 然 保 证 所 有 元 素 按照 我 们 的 需要 排 
列 ， 那 不 是 更 好 吗 ? 对 于 使 用 JavaScript 语言 实现 栈 数据 结构 的 场景 ,我 们 也 可 以 使 用 一 个 
JavaScript 对 象 来 存储 所 有 的 栈 元 素 , 保证 它们 的 顺序 并 且 遵 循 LIFO 原则 。 我 们 来 看 看 如 何 实 现 
这 样 的 行为 。 


首先 像 下 面 这 样 声明 一 个 stack 类 (stack.js 文 件 )。 


class Stack { 
constructor() { 
this.count 
this.items 
} 
// 方法 
} 


在 这 个 版 本 的 stack 类 中 ,我 们 将 使 用 一 个 count 属性 来 帮助 我 们 记录 栈 的 大 小 ( 也 能 帮 
助 我 们 从 数据 结构 中 添加 和 删除 元 素 )。 
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4.3.1 向 栈 中 插入 元 素 


在 基于 数组 的 版 本 中 ， 我 们 可 以 同时 向 stack 类 中 添加 多 个 元 素 。 由 于 现在 使 用 了 一 个 对 
象 ， 这 个 版 本 的 push 方法 只 允许 我 们 一 次 插入 一 个 元 素 。 下 面 是 push 方法 的 代码 。 
push(element) { 
this.items[this.count] = element; 


this.count++; 


} 


在 JavaScript 中 ,对 象 是 一 系列 键 值 对 的 集合 。 要 向 栈 中 添加 元 素 , 我们 将 使 用 count 变 
作为 items 对 象 的 键 名 ， 插 和 人 的 元 素 则 是 它 的 值 。 在 向 栈 插入 元 素 后 ， 我 们 递增 count 变量 。 

可 以 延 用 之 前 的 示例 来 使 用 stack 类 ， 并 向 其 中 插入 元 素 5 和 8。 

const stack = new Stack(); 


stack.push(5); 
stack.push (8); 
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在 内 部 ，items 包含 的 值 和 count 属性 如 下 所 示 。 


items = { 
Oa Sy 
1: 8 


4.3.2 ”验证 一 个 栈 是 否 为 空 和 它 的 大 小 
count 属性 也 表示 栈 的 大 小 。 因 此 , 我 们 可 以 简单 地 返回 count 属性 的 值 来 实现 si ze 方法 。 


size() { 
return this.count; 


} 
要 验证 栈 是 否 为 空 ， 可 以 像 下 面 这 样 判 断 count 的 值 是 否 为 0。 
isEmpty() { 


return this.count === 0; 


} 














4.3.3 ”从 栈 中 弹出 元 素 


由 于 我 们 没有 使 用 数组 来 存储 元 素 , 需要 手动 实现 移 除 元 素 的 逻辑 。pop 方法 同样 返回 了 从 
栈 中 移 除 的 元 素 ， 它 的 实现 如 下 。 


pop() { 
if (this.isEmpty()) { // {1} 
return undefined; 
} 
this Count==; (2 
const result = this.items[this.count]; // {3} 
delete this.items[this.count]; // {4} 
return result; // {5} 


} 


首先 ， 我 们 需要 检验 栈 是 否 为 空 ( 行 {1} )。 如 果 为 空 ， 就 返回 undefined。 如 果 栈 不 为 空 
的 话 ， 我 们 会 将 count 属性 减 1 ( 行 {2} )， 并 保存 栈 项 的 值 ( 行 {3} )， 以 便 在 删除 它 ( 行 {4} ) 
之 后 将 它 返回 〈 行 15} )。 




















由 于 我 们 使 用 的 是 JavaScript 对 象 ， 可 以 用 JavaScript 的 delete 运算 符 从 对 象 中 删除 一 个 
特定 的 值 。 
我 们 使 用 如 下 内 部 的 值 来 模拟 pop 操作 。 


items = { 
Oa 
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:8 
}; 
COUnt 三 从 
要 访问 到 栈 顶 的 元 素 ( 即 最 后 添加 的 元 素 8 )， 我 们 需要 访问 键 值 为 1 的 位 置 。 因 此 我 们 将 
count 变量 从 2 减 为 1。 这 样 就 可 以 访问 items [1] ， 删 除 它 ， 并 将 它 的 值 返回 了 。 





4.3.4 查看 栈 顶 的 值 并 将 栈 清空 
上 一 节 我 们 学 习 了 ,要 访问 栈 顶 元 素 ， 需 要 将 count 属性 减 1。 那 么 我 们 来 看 看 peek 方法 
的 代码 。 


peek() { 
if (this.isEmpty()) { 
return undefined; 
} 
return this.items[this.count - 1]; 


} 
要 清空 该 栈 ， 只 需要 将 它 的 值 复原 为 构造 函数 中 使 用 的 值 即 可 。 


clear() { 
this.items 
this.count 


} 
我 们 也 可 以 遵循 LIFO 原则 ， 使 用 下 面 的 逻辑 来 移 除 栈 中 所 有 的 元 素 。 


while (Ithis.isEmpty()) { 
this.pop(); 
} 














4.3.5 创建 tostring 方法 

在 数组 版 本 中 , 我 们 不 需要 关心 tostring 方法 的 实现 , 因为 数据 结构 可 以 直接 使 用 数组 已 
经 提供 的 tostring 方法 。 对 于 使 用 对 象 的 版 本 ， 我 们 将 创建 一 个 tostring 方法 来 像 数 组 一 
样 打印 出 栈 的 内 容 。 


toString() { 





if (this.isEmpty()) { 
return ''; 

lL 

let objString = ‘S${this.items[0]}.; // {1} 

fOr (Let. A EE TNE 和 2 
objString = `${objString},s${this.items[i]}.; // {3} 


} 


return objString; 


} 
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如 果 栈 是 空 的, 我 们 只 需 返 回 一 个 空 字 符 串 即 可 。 如 果 它 不 是 空 的 ,就 需要 用 它 底部 的 第 一 
个 元 素 作为 字符 串 的 初始 值 ( 行 {1} ),， 然后 迭代 整个 栈 的 键 ( 行 {2} ), 一 直到 栈 项 , 添加 一 个 去 
号 (，) 以 及 下 一 个 元 素 ( 行 {3} )。 如 果 栈 只 包含 一 个 元 素 ， 行 {2} 和 行 {3} 的 代码 将 不 会 执行 。 


实现 了 tostring 方法 后 ,我 们 就 完成 了 这 个 版 本 的 Stack 类 。 这 也 是 一 个 用 不 同方 式 写 
代码 的 例子 。 对 于 使 用 stack 类 的 开发 者 ， 选 择 使 用 基于 数组 或 是 基于 对 象 的 版 本 并 不 重要 ， 
两 者 都 提供 了 相同 的 功能 ， 只 是 内 部 实现 很 不 一 样 。 


OP 除了 tostring 方法 ， 我 们 创建 的 其 他 方法 的 复杂 度 均 为 O(1)， 代 表 我 们 可 以 












































直接 找到 目标 元 素 并 对 其 进行 操作 (push、pop 或 peek )。 


4.4 保护 数据 结构 内 部 元 素 


在 创建 别 的 开发 者 也 可 以 使 用 的 数据 结构 或 对 象 时 , 我 们 希望 保护 内 部 的 元 素 ， 只 有 我 们 暴 
露出 的 方法 才能 修改 内 部 结构 。 对 于 stack 类 来 说 ， 要 确保 元 素 只 会 被 添加 到 栈 顶 ， 而 不 是 栈 
底 或 其 他 任意 位 置 ( 比如 栈 的 中 间 )。 不 幸 的 是 ,我 们 在 stack 类 中 声明 的 items 和 count 属 
性 并 没有 得 到 保护 ， 因 为 JavaScript 的 类 就 是 这 样 工作 的 。 

















试 着 执行 下 面 的 代码 。 

const stack = new Stack(); 

console.log (Object .getOwnPropertyNames (stack)); // {1} 
console.log(Object.keys (stack)); // {2} 


console.log(stack.items); // {3} 


= 


行 {1} 和 行 {2} 的 输出 结果 是 ["count"， "items"]。 这 表示 count 和 items 属性 是 公开 
的 ， 我 们 可 以 像 行 13} 那 样 直接 访问 它们 。 根 据 这 种 行为 ， 我 们 可 以 对 这 两 个 属性 赋 新 的 值 。 


本 章 使 用 ES2015 ( ES6 ) 语法 创建 了 stack 类 。ES2015 类 是 基于 原型 的 。 尽 管 基于 原型 
的 类 能 节省 内 存 空间 并 在 扩展 方面 优 于 基于 函数 的 类 , 但 这 种 方式 不 能 声明 私有 属性 ( 变量 ) 或 
方法 。 男 外 ， 在 本 例 中 ， 我 们 希望 stack 类 的 用 户 只 能 访问 我 们 在 类 中 暴露 的 方法 。 下 面 来 看 
看 其 他 使 用 JavaScript 来 实现 私有 属性 的 方法 。 





























4.4.1 ”下划线 命名 约定 
一 部 分 开发 者 喜欢 在 JavaScript 中 使 用 下 划 线 命名 约定 来 标记 一 个 属性 为 私有 属性 。 


class Stack { 
constructor() { 
this. count = 0 
this. items = 
} 
} 
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下 划 线 命名 约定 就 是 在 属性 名 称 之 前 加 上 一 个 下 划 线 (_) 不 过 这 种 方式 只 是 一 种 约定 , 并 
不 能 保护 数据 ， 而 且 只 能 依赖 于 使 用 我 们 代码 的 开发 者 所 具备 的 常识 。 





4.4.2 用 ES2015 的 限定 作用 域 symbol 实现 类 


ES2015 新 增 了 一 种 叫 作 symbol 的 基本 类 型 ， 它 是 不 可 变 的 ， 可 以 用 作对 象 的 属性 。 看 看 
怎么 用 它 在 stack 类 中 声明 items 属性 (我们 将 使 用 数组 来 存储 元 素 以 简化 代码 )。 


const _items = Symbol('stackItems'); // {1} 
class Stack { 
CoOonstruetor ()} 
this[_items] 
} 
// 栈 的 方法 
} 


在 上 面 的 代码 中 , 我 们 声明 了 symbol 类 型 的 变量 _items ( 行 {1} ), 在 类 的 constructor 
函数 中 初始 化 它 的 值 ( 行 {2} )。 要 访问 _items ， 只 需要 把 所 有 的 this.items 都 换 成 


this[_items]o 




















{ 
= []; // {2} 





这 种 方法 创建 了 一 个 假 的 私有 属性 ， 因 为 ES2015 新 增 的 object .getOwnProperty- 
Symbols 方法 能 够 取 到 类 里 面 声明 的 所 有 symbols 属性 。 下 面 是 一 个 破坏 stack 类 的 例子 。 


const stack = new Stack(); 

stack.push(5); 

stack.push(8); 

let objectSymbols = Object .getOwnPropertySymbols (stack); 
console.log(objectSymbols.length); // 输出 1 
console.log(objectSymbols); // [Symbol()] 
console.log(objectSymbols[0]); // Symbol() 
stack[objectSymbols[0]] .push(1); 

stack.print(); // 输出 5, 8, 1 























从 以 上 代码 可 以 看 到 ,访问 stack [objectSymbols[0]] 是 可 以 得 到 _items 的 。 并 且 ， 
_items 属性 是 一 个 数组 ， 可 以 进行 任意 的 数组 操作 ， 比 如 从 中 间 删 除 或 添加 元 素 ( 使 用 对 象 进 
行 存储 也 是 一 样 的 )。 但 我 们 操作 的 是 栈 ， 不 应 该 出 现 这 种 行为 。 


还 有 第 三 个 方案 。 









































4.4.3 用 ES2015 的 WeakMap 实现 类 


有 一 种 数据 类 型 可 以 确保 属性 是 私有 的 ， 这 就 是 WeakMap。 我 们 会 在 第 8 章 深入 探讨 Map 
这 种 数据 结构 ， 现 在 只 需要 知道 WeakMap 可 以 存储 键 值 对 ， 其 中 键 是 对 象 ， 值 可 以 是 任意 数据 


类 型 。 
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如 果 用 weakMap 来 存储 items 属性 (数组 版 本 )，stack 类 就 是 这 样 的 : 
const items = new WeakMap(); // {1} 


class Stack { 
constructor () { 
items.set(this, []); // {2} 
} 
push(element){ 
const s = items.get (this); // {3} 
s.push(element); 


} 


pop(){ 
const s = items.get (this); 
const r = s.pop(); 
return rr; 

} 

// 其 他 方法 


} 


上 面 的 代码 片段 解释 如 下 。 





品行 {1}， 声 明 一 个 WeakMap 类 型 的 变量 items。 

口 行 [2}, 在 constructor 中 , 以 this (Stack 类 自己 的 引用 ) 为 键 ， 把 代表 栈 的 数组 
存 人 items。 
口 行 {3}， 从 WeakMap 中 取出 值 ， 即 以 this 为 键 ( 行 {2} 设 置 的 ) 从 items 中 取 值 。 








现在 我 们 知道 了 ，items 在 stack 类 里 是 真正 的 私有 属性 。 采 用 这 种 方法 ， 代 码 的 可 读 性 
不 强 ， 而 且 在 扩展 该 类 时 无 法 继承 私有 属性 。 鱼 和 熊 掌 不 可 兼 得 ! 

















4.4.4 ECMAScript 类 属性 提案 





TypeScript 提供 了 一 个 给 类 属性 和 方法 使 用 的 private 修饰 符 。 然 而 , 该 修饰 符 只 在 编译 时 
有 用 (包括 我 们 在 前 几 章 讨论 的 TypeScript 类 型 和 错误 检测 )。 在 代码 被 转移 完成 后 ， 属 性 同样 
是 公开 的 。 



































事实 上 , 我们 不 能 像 在 其 他 编程 语言 中 一 样 声明 私有 属性 和 方法 。 虽 然 有 很 多 种 方法 都 可 以 
达到 相同 的 效果 ， 但 无 论 是 在 语法 还 是 性 能 层面 ， 这 些 方法 都 有 各 自 的 优点 和 缺点 。 
哪 种 方法 更 好 呢 ? 这 取决 于 你 在 实际 项 目 中 如 何 使 用 本 书展 示 的 算法 , 也 取决 于 你 需要 处 理 
的 数据 量 、 需 要 构造 的 实例 数量 ， 以 及 其 他 约束 条 件 。 最 终 ， 还 是 取决 于 你 的 选择 。 
在 写作 本 书 的 时 候 ， 有 一 个 关于 在 JavaScript 类 中 增加 私有 属性 的 提案 。 通 过 这 个 提案 ， 我 
们 能 够 直接 在 类 中 声明 JavaScript 类 属性 并 进行 初始 化 。 下 面 是 一 个 例子 。 
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区 = 本 1 < 
#count = 0; 
#items = 0; 


// 栈 的 方法 
} 
我 们 可 以 通过 在 属性 前 添加 井 号 (# ) 作为 前 缀 来 声明 私有 属性 。 这 种 行为 和 WeakMap 中 的 
私有 属性 很 相似 。 所 以 在 不 远 的 未 来 ,我 们 有 和 希望 不 使 用 特殊 技巧 或 牺牲 代码 可 读 性 ， 就 能 使 用 
私有 类 属性 。 






































要 了 解 更 多 有 关 类 属性 提案 的 信息 ， 请 访问 : https://github.com/tc39/proposal- 


class-fields。 


4.5 用 栈 解决 问题 
栈 的 实际 应 用 非常 广泛 。 在 回溯 问题 中 , 它 可 以 存储 访问 过 的 任务 或 路 径 、 撤 销 的 操作 〈 后 
面 的 章节 讨论 图 和 回溯 问题 时 ,我 们 会 学 习 如 何 应 用 这 个 例子 )。Java 和 C# 用 栈 来 存储 变量 和 方 
法 调用 ,特别 是 处 理 递 归 算 法 时 ， 有 可 能 抛 出 一 个 栈 溢出 异常 (后 面 的 章节 也 会 介绍 )。 
既然 我 们 已 经 了 解 了 stack 类 的 用 法 ,不 妨 用 它 来 解决 一 些 计 算 机 科学 问题 。 本 节 ， 我 们 
将 介绍 如 何 解决 十 进 制 转 二 进 制 问题 ， 以 及 任意 进 制 转换 的 算法 。 





























从 十 进 制 到 二 进 制 

现实 生活 中 , 我 们 主要 使 用 十 进 制 。 但 在 计算 科学 中 ,二进制 非常 重要 ， 因 为 计算 机 里 的 所 
有 内 容 都 是 用 二 进 制 数字 表示 的 (0 和 1 )。 没有 十 进 制 和 二 进 制 相互 转化 的 能 力 , 与 计算 机 交流 
就 很 困难 。 
要 把 十 进 制 转化 成 二 进 制 , 我 们 可 以 将 该 十 进 制 数 除 以 2 (二进制 是 满 二 进 一 ) 并 对 商 取 整 ， 
直到 结果 是 0 为 止 。 举 个 例子 ， 把 十 进 制 的 数 10 转化 成 二 进 制 的 数字 ， 过 程 大 概 是 如 下 这 样 。 























尝 
































10/2==5 rem==0 





$5/2==2 rem==1 
2/2== 1 rem == 0 


“ 隐 | 
172==0 rem==1 


大 学 的 计算 机 课 一 般 都 会 先 教 这 个 进 制 转换 。 下 面 是 对 应 的 算法 描述 。 





尾 余 数 放 入 栈 中 
输出 = 将 余数 移 除 
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function decimalToBinary (decNumber) { 
const remStack = new Stack(); 
let number = decNumber; 
let rem; 
Iet binarySstring = TY 


while (number > 0) { // {1} 
rem = Math.floor(number % 2); // {2} 
remStack.push(rem); // {3} 
number = Math.floor(number / 2); // {4} 
小 


while (!remStack.isEmpty()) { // {5} 
binaryString += remStack.pop() .toString() ， 
} 


return binaryString; 


} 

在 这 段 代码 里 ， 当 除法 的 结果 不 为 0 时 ( 行 {1} )， 我 们 会 获得 一 个 余数 ， 并 放 到 栈 里 ( 行 
{2})、 行 {3} )。 然后 让 结果 继续 除 以 2( 行 {4} )。 另 外 请 注意 : JavaScript 有 数值 类 型 ,但 是 它 
不 会 区 分 整数 和 浮 点 数 。 因 此 ， 要 使 用 Math.floor 函数 仅 返 回 除 法 运算 结果 的 整数 部 分 。 最 
后 ， 用 pop 方法 把 栈 中 的 元 素 都 移 除 ， 把 出 栈 的 元 素 连 接 成 字符 串 ( 行 {5} )。 


用 刚才 写 的 算法 做 一 些 测试 ， 使 用 以 下 代码 把 结果 输出 到 控制 台 里 。 




















console.log(decimalToBinary (233 
console.log(decimalToBinary (10) 
console.log(decimalToBinary (100 


进 制 转换 算法 
我 们 可 以 修改 之 前 的 算法 , 使 之 能 把 十 进 制 转换 成 基数 为 2 ~ 36 的 任意 进 制 。 除了 把 十 进 制 
数 除 以 2 转 成 二 进 制 数 ， 还 可 以 传人 其 他 任意 进 制 的 基数 为 参数 ， 就 像 下 面 的 算法 这 样 。 


function baseConverter (decNumber, base) { 
const remStack = new Stack(); 


); // 11101001 
// 1010 


) 
) 
0)); // 1111101000 

















const digits = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXY2Z'; // {6} 
Jet number = decNumber; 
let rem; 


let baseString = '';} 


if (!(base >= 2 && base <= 36)) { 
TOtITIL 


} 


while (number > 0) { 
rem = Math.floor (number % base); 
remStack.push (rem); 
number = Math.floor(number / base); 
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while (!remStack.isEmpty()) { 
baseString += digits[remStack.pop()]; // {7} 
} 


return baseString; 


} 


我 们 只 需要 改变 一 个 地 方 。 在 将 十 进 制 转 成 二 进 制 时 ,余数 是 0 或 1; 在 将 十 进 制 转 成 八 进 
制 时 , 余数 是 0~7; 但 是 将 十 进 制 转 成 十 六 进 制 时 , 余数 是 0~9 加 上 A、B、C、D、E 和 F( 对 
应 10、11、12、13、14 和 15 )。 因此 , 我 们 需要 对 栈 中 的 数字 做 个 转化 才 可 以 ( 行 {6} 和 行 {7} )。 
因此 ， 从 十 一 进 制 开始 ， 字 母 表 中 的 每 个 字母 将 表示 相应 的 基数 。 字 母 A 代表 基数 11 ，B 代表 
基数 12， 以 此 类 推 。 


可 以 使 用 之 前 的 算法 ， 输 出 结果 如 下 。 


























console.log(baseConverter(100345, ; // 11000011111111001 


( ( 2:))} 
console.log(baseConverter (100345, 8)); // 303771 
console.log(baseConverter(100345, 16)); // 187F9 
console.log(baseConverter(100345, 35)); // 2BW0 


OO 请 在 网 上 下 载 本 书 的 代码 ,里 面 还 有 一 些 栈 的 应 用 实例 ,如 平衡 圆 括 号 和 汉 诺 塔 。 


4.6 小结 


本 章 ， 我 们 学 习 了 栈 这 一 数据 结构 的 相关 知识 。 我 们 使 用 数组 和 一 个 JavaScript 对 象 自己 实 
现 了 栈 ， 还 讲解 了 如 何 用 push 和 pop 往 栈 里 添加 和 移 除 元 素 。 





我 们 比较 了 创建 stack 类 的 不 同方 法 ， 并 分 别 列举 了 优点 和 缺点 。 我 们 还 学 习 了 用 栈 来 解 
决 计算 机 科学 中 最 著名 的 问题 之 一 。 


下 一 章 将 要 学 习 队 列 。 它 和 栈 有 很 多 相似 之 处 , 但 有 个 重要 区 别 : 队列 里 的 元 素 不 遵循 后 进 
先 出 原则 。 








队列 和 双 痛 队列 











我 们 已 经 学 习 了 栈 。 队 列 和 栈 非常 类 似 , 但 是 使 用 了 与 后 进 移出 不 同 的 原则 。 你 将 在 本 章 学 
习 这 些 内 容 。 我 们 同样 要 学 习 双 端 队 列 的 工作 原理 。 双 端 队 列 是 一 种 将 栈 的 原则 和 队列 的 原则 混 
合 在 一 起 的 数据 结构 。 


本 章 内 容 包括 : 


口 队列 数据 结构 

口 双 端 队列 数据 结构 

口 向 队列 和 双 端 队列 增加 元 素 

口 从 队列 和 双 端 队列 中 删除 元 素 

D 用 击 鼓 传 花 游戏 模拟 循环 队列 

口 用 双 端 队列 检查 一 个 词组 是 否 构成 回 文 









































5.1 队列 数据 结构 


队列 是 遵循 先进 先 出 (FIFO, 也 称 为 先 来 先 服务 ) 原则 的 一 组 有 序 的 项 。 队 列 在 尾部 添加 新 
元 素 ， 并 从 项 部 移 除 元 素 。 最 新 添加 的 元 素 必 须 排 在 队列 的 末尾 。 


在 现实 中 ， 最 常见 的 队列 的 例子 就 是 排队 。 





























在 电影 院 、 自 助 餐厅 、 杂 货 店 收银 台 ， 我 们 都 会 排队 。 排 在 第 一 位 的 人 会 先 接 受 服务 。 
在 计算 机 科学 中 , 一 个 常见 的 例子 就 是 打印 队列 。 比 如 说 我 们 需要 打印 五 份 文档 。 我 们 会 打 
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开 每 个 文档 ,然后 点 击 打印 按钮 。 每 个 文档 都 会 被 发 送 至 打印 队列 。 第 一 个 发 送 到 打印 队列 的 文 
档 会 首先 被 打印 ， 以 此 类 推 ， 直 到 打印 完 所 有 文档 。 














5.1.1 创建 队列 
我 们 需要 创建 自己 的 类 来 表示 一 个 队列 。 先 从 最 基本 的 声明 类 开始 。 


class Queue { 
constructor() { 
this. Cou Se,0s /A CL 
this.lowestCount = 0; // {2} 
this.items = {}; // {3} 


} 
| El 
首先 需要 一 个 用 于 存储 队列 中 元 素 的 数据 结构 。 我 们 可 以 使 用 数组 ， 就 像 上 一 章 的 stack 


类 那样 。 但 是 , 为 了 写 出 一 个 在 获取 元 素 时 更 高 效 的 数据 结构 ,我们 将 使 用 一 个 对 象 来 存储 我 们 
的 元 素 ( 行 {3} )。 你 会 发 现 Queue 类 和 stack 类 非常 类 似 ， 只 是 添加 和 移 除 元 素 的 原则 不 同 。 


也 可 以 声明 一 个 count 属性 来 帮助 我 们 控制 队列 的 大 小 ( 行 {1} ) 此 外 , 由 于 我 们 将 要 从 队 
列 前 端 移 除 元 素 ， 同 样 需要 一 个 变量 来 帮助 我 们 追踪 第 一 个 元 素 。 因 此 ， 声 明 一 个 lowestCount 
变量 ( 行 {2} )。 

接 下 来 需要 声明 一 些 队列 可 用 的 方法 。 


口 enqueue (element (s) ) : 向 队列 尾部 添加 一 个 (或 多 个 ) 新 的 项 。 

D dequeue () : 移 除 队列 的 第 一 项 ( 即 排 在 队列 最 前 面 的 项 ) 并 返回 被 移 除 的 元 素 。 

口 peek () : 返回 队列 中 第 一 个 元 素 一 一 最 先 被 添加 ， 也 将 是 最 先 被 移 除 的 元 素 。 队 列 不 做 
任何 变动 (不 移 除 元 素 ， 只 返回 元 素 信息 一 一 与 Stack 类 的 peek 方法 非常 类 似 )。 该 方 
法 在 其 他 语言 中 也 可 以 叫 作 front 方法 。 

口 isEmpty () : 如 果 队 列 中 不 包含 任何 元 素 ， 返 回 true， 否 则 返回 false。 

D size(): 返回 队列 包含 的 元 素 个 数 ， 与 数组 的 length 属性 类 似 。 


1. 向 队列 添加 元 素 


首先 要 实现 的 是 enqueue 方法 。 该 方法 负责 向 队列 添加 新 元 素 。 此 处 一 个 非常 重要 的 细节 
是 新 的 项 只 能 添加 到 队列 末尾 。 
enqueue (element) { 
this.items[this.count] = element; 


this.count++; 


} 


enqueue 方法 和 stack 类 中 push 方法 的 实现 方式 相同 ,由 于 items 属性 是 一 个 JavaScript 
对 象 , 它 是 一 个 键 值 对 的 集合 。 要 向 队列 中 加 入 一 个 元 素 的 话 , 我 们 要 把 count 变量 作为 items 
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对 象 中 的 键 ， 对 应 的 元 素 作为 它 的 值 。 将 元 素 加 入 队列 后 ， 我 们 将 count 变量 加 1。 
2. 从 队列 移 除 元 素 


接 下 来 要 实现 dequeue 方法 ， 该 方法 负责 从 队列 移 除 项 。 由 于 队列 遵循 先进 先 出 原则 ， 最 
先 添加 的 项 也 是 最 先 被 移 除 的 。 


dequeue() { 
if (this.isEmpty()) { 
return undefined; 
} 
const result = this.items[this.lowestCount]; // {1} 
delete this.items[this.lowestCount]; // {2} 
this.lowestCount++; // {3} 
return result; // {4} 


} 


首先 , 我 们 需要 检验 队列 是 否 为 空 。 如 果 为 空 , 我 们 返回 undefined 值 。 如 果 队 列 不 为 空 ， 
我 们 将 暂 存 队列 头 部 的 值 ( 行 {1} )， 以 便 该 元 素 被 移 除 后 ( 行 {2} ) 将 它 返回 ( 行 {4} ),。 我 们 也 
需要 将 lowestcount 属性 加 1 ( 行 {2} )。 


用 下 面 的 内 部 值 来 模拟 dequeue 动作 。 














items = { 
Os Dy 
TS 


该 
COUnt Ss. 2 
lowestCount = 0; 


我 们 需要 将 键 设 为 0 来 获取 队列 头 部 的 元 素 (第 一 个 被 添加 的 元 素 是 5 )， 删 除 它 ， 再 返回 
它 的 值 。 在 这 种 场景 下 ， 删 除 第 一 个 元 素 后 ，items 属性 将 只 会 包含 一 个 元 素 (1 : 8 )。 再 次 执 
行 dequeue 方法 的 话 ， 它 将 被 移 除 。 因 此 我 们 将 lowestcount 变量 从 0 修改 为 1。 














只 有 enqueue 方法 和 dequeue 方法 可 以 添加 和 移 除 元 素 ， 这 样 就 确保 了 oueue 类 遵循 先 
进 先 出 原则 。 


3. 查看 队列 头 元 素 


现在 来 为 我 们 的 类 实现 一 些 额 外 的 辅助 方法 。 如 果 想 知道 队列 最 前 面 的 项 是 什么 ,可 以 用 
peek 方法 。 该 方法 会 返回 队列 最 前 面 的 项 (把 1owestcount 作为 键 名 来 获取 元 素 值 )。 


peek() { 
if (this.isEmpty()) { 
return undefined; 
} 
return this.items[this.lowestCount]; 


} 
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4. 检查 队列 是 否 为 空 并 获取 它 的 长 度 





下 一 个 是 isEmpty 方法 。 如 果 队 列 为 空 ， 它 会 返回 true, 否则 返回 false (注意 该 方法 和 
stack 类 里 的 一 样 )。 


isEmpty() { 
return this.count - this.lowestCount === 0; 


} 


要 计算 队列 中 有 多 少 元 素 ， 我 们 只 需要 计算 count 和 1lowestCount 之 间 的 差 值 即 可 。 


FE 二 


假设 count 属性 的 值 为 2，1owestcount 的 值 为 0。 这 表示 在 队列 中 有 两 个 元 素 。 然 后 ， 
我 们 从 队列 中 移 除 一 个 元 素 ， lowestCount 的 值 会 变 为 1，count 的 值 仍然 是 2 现在 队列 中 
只 有 一 个 元 素 了 ， 以 此 类 推 。 
所 以 要 实现 size 方法 的 话 ， 我 们 只 需要 返回 这 个 差 值 即 可 。 


size() { 














return this.count - this.lowestCount; 


} 





可 以 像 下 面 这 样 写 出 isEmpty 方法 。 


isEmpty() { 
return this.size() === 0; 


} 
5. 清空 队列 


要 清空 队列 中 的 所 有 元 素 , 我 们 可 以 调用 dequeue 方法 直到 它 返回 undefined, 也 可 以 简 
单 地 将 队列 中 的 属性 值 重 设 为 和 构造 函数 中 的 一 样 。 


clear() { 
this.items = {}; 
this.count = 0; 
this.lowestCount = 0; 


} 








6. 创建 tostring 方法 
完成 ! oueue 类 实现 好 了 。 我 们 也 可 以 像 stack 类 一 样 增加 一 个 tostring 方法 。 


toSstring() { 

if (this.isEmpty()) { 
return '';} 

} 

let objString = ‘S${this.itemsl[this.lowestCount]}.; 

for (let i = this.lowestCount + 1; i < this.count; i++) { 
objString = “S${objString},${this.items[i]}.; 

} 


return objString; 
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在 stack 类 中 , 我 们 从 索引 值 为 0 开始 迭代 items 中 的 值 。 由 于 Queue 类 中 的 第 一 个 索引 
值 不 一 定 是 0， 我 们 需要 从 索引 值 为 1owestcount 的 位 置 开始 迭代 队列 。 


现在 我 们 真 的 完成 了 ! 





Queue 类 和 Stack 类 非常 类 似 。 主 要 的 区 别 在 于 dequeue 方法 和 peek 方法 ， 
这 是 由 于 先进 先 出 和 后 进 先 出 原则 的 不 同 所 造成 的 。 
5.1.2 使 用 Queue 类 


首先 要 做 的 是 实例 化 我 们 刚刚 创建 的 oueue 类 ,然后 就 可 以 验证 它 为 空 (输出 为 true， 
为 我 们 还 没有 向 队列 添加 任何 元 素 )。 





const queue = new Queue(); 

console.log(queue.isEmpty()); // 输出 上 true 

接 下 来 ， 添 加 一 些 元 素 (添加 'Jonn' 和 'Jack' 两 个 元 素 一 一 你 可 以 向 队列 添加 任何 类 型 的 
元 素 )。 


queue.enqueue('John'); 
queue.enqueue('Jack'); 
console.log(gqueue.toString()); // John,Jack 


添加 男 一 个 元 素 。 


queue.enqueue('Camila'); 


再 执行 一 些 其 他 命令 。 














console.log(queue.toString()); // John, Jack, Camila 
console.log(queue.size()); // 输出 3 
console.log(queue.isEmpty()); // 输出 false 
queue.dequeue(); // 移 除 John 

queue.dequeue(); // 移 除 Jack 
console.log(gqueue.toString()); // Camila 


如 果 打 印 队 列 的 内 容 , 就 会 得 到 Jonn、Jack 和 camila 这 三 个 元 素 。 因 为 我 们 向 队列 添加 
了 三 个 元 素 ， 所 以 队列 的 大 小 为 3( 当然 也 就 不 为 空 了 )。 


下 图 展示 了 目前 为 止 执行 的 所 有 入 列 操作 ， 以 及 队列 当前 的 状态 。 





前 端 后 端 


a] 


[0] [1] 2 
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然后 ， 出 列 两 个 元 素 ( 执行 两 次 aequeue 方法 )。 下 图 展示 了 dequeue 方法 的 执行 过 程 。 





dequeue 前 端 dequene 


[aa 二 | ac Tack amila| Camila | <- 中 | 国度 Camila 
[0] 


[0] 











最 后 ， 再 次 打印 队列 内 容 时 ， 就 只 剩 cami la 一 个 元 素 了 。 前 两 个 人 列 的 元 素 出 列 了 ,最 后 
入 列 的 元 素 也 将 是 最 后 出 列 的 。 也 就 是 说 ， 我 们 遵循 了 先进 先 出 原则 。 






































5.2” 双 端 队列 数据 结构 


双 端 队列 ( deque， 或 称 double-ended queue ) 是 一 种 允许 我 们 同时 从 前 端 和 后 端 添加 和 移 除 
元 素 的 特殊 队列 。 


双 端 队列 在 现实 生活 中 的 例子 有 电影 院 、 和 餐厅 中 排队 的 队伍 等 。 举 个 例子 ,一 个 刚 买 了 票 的 
人 如 果 只 是 还 需要 再 问 一 些 简单 的 信息 ， 就 可 以 直接 回 到 队伍 的 头 部 。 另 外 , 在 队伍 末尾 的 人 如 
果 赶 时 间 ， 他 可 以 直接 离开 队伍 。 


在 计算 机 科学 中 , 双 端 队列 的 一 个 常见 应 用 是 存储 一 系列 的 撤销 操作 。 每 当 用 户 在 软件 中 进 
行 了 一 个 操作 ， 该 操作 会 被 存在 一 个 双 端 队列 中 就 像 在 一 个 栈 里 )。 当 用 户 点 击 撤销 按钮 时 ， 
该 操作 会 被 从 双 端 队列 中 弹出 ,表示 它 被 从 后 面 移 除 了 ,在 进行 了 预先 定义 的 一 定数 量 的 操作 后 ， 
最 先进 行 的 操作 会 被 从 双 端 队列 的 前 端 移 除 。 由 于 双 端 队列 同时 遵守 了 先进 先 出 和 后 进 先 出 原 
则 ， 可 以 说 它 是 把 队列 和 栈 相 结合 的 一 种 数据 结构 。 


































































































5.2.1 创建 Deque 类 
和 之 前 一 样 ， 我 们 先 声 明 一 个 Deque 类 及 其 构造 函数 。 


class Deque { 
constructor() { 
this.count = 0; 
this.lowestCount = 0; 
this.items = {}; 
} 
} 


既然 双 端 队列 是 一 种 特殊 的 队列 , 我 们 可 以 看 到 其 构造 函数 中 的 部 分 代码 和 队列 相同 , 包括 
相同 的 内 部 属性 和 以 下 方法 : isEmpty、clear、size 和 toString。 


由 于 双 端 队列 允许 在 两 端 添 加 和 移 除 元 素 ， 还 会 有 下 面 儿 个 方法 。 
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口 addFront (element) : 该 方法 在 双 端 队列 前 端 添加 新 的 元 素 。 
口 addBack (element ): 该 方法 在 双 端 队列 后 端 添 加 新 的 元 素 ( 实现 方法 和 oueue 类 中 的 








SU 方法 相同 a 
口 removeFront () : 该 方法 会 从 双 端 队列 前 端 移 除 第 一 个 元 素 (实现 方法 和 Queue 类 中 的 
dequeue 方法 相同 )。 


口 removeBack () : 该 方法 会 从 双 端 队列 后 端 移 除 第 一 个 元 素 (实现 方法 和 stack 类 中 的 
pop 方法 一 样 )。 
口 peekFront () : 该 方法 返回 双 端 队列 前 端的 第 一 个 元 素 ( 实现 方法 和 Queue 类 中 的 peek 











方法 一 样 )。 
口 peekBack () : 该 方法 返回 双 端 队列 后 端的 第 一 个 元 素 (实现 方法 和 stack 类 中 的 peek 
方法 一 样 )。 





Deque 类 同样 实现 了 isEmpty、clear、size 和 toString 方法 (你 可 以 下 载 
本 书 的 源 代码 包 查 看 完整 的 源 代码 )。 


向 双 端 队列 的 前 端 添加 元 素 


由 于 已 经 实现 了 部 分 方法 ， 我 们 将 只 专注 于 addFront 方法 的 逻辑 。 adgdFront 方法 的 代码 
如 下 所 示 。 


addFront (element) { 
if (this.isEmpty()) { // {1} 
this.addBack (element); 
} else if (this.lowestCount > 0) { // {2} 
this.lowestCount--; 


this.items[this.lowestCount] = element; 
} else { 
foF. (Tet etLiSs counts 和 SB 07 T=2) ,ty 
this.items[i] = this.items[i - 1]; 


} 
this.count++; 
this.lowestCount = 0; 
this.items[0] = element; // {4} 
} 
} 


要 将 一 个 元 素 添加 到 双 端 队列 的 前 端 ， 存 在 三 种 场景 。 


第 一 种 场景 是 这 个 双 端 队列 是 空 的 ( 行 {1} )。 在 这 种 情况 下 , 我 们 可 以 执行 addBack 方法 。 
元 素 会 被 添加 到 双 端 队列 的 后 端 ， 在 本 例 中 也 是 双 端 队列 的 前 端 。adqaBack 方法 已 经 有 了 增加 
count 属性 值 的 逻辑 ， 因 此 我 们 可 以 复 用 它 来 避免 重复 编写 代码 。 


第 二 种 场景 是 一 个 元 素 已 经 被 从 双 端 队列 的 前 端 移 除 ( 行 {2} ), 也 就 是 说 1owestcount 属 
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性 会 大 于 等 于 1。 这 种 情况 下 ， 我 们 只 需要 将 lowestcount 属性 减 1 并 将 新 元 素 的 值 放 在 这 个 
键 的 位 置 上 即 可 。 


考虑 如 下 所 示 的 Deque 类 的 内 部 值 。 








items = { 
二 各， 
Di 0 


3 

count = 3; 

lowestCount = 1; 

如 果 我 们 想 将 元 素 7 添加 在 双 端 队列 的 前 端 , 那么 符合 第 二 种 场景 。 在 本 示例 中 , lowestCount 
的 值 会 减少 〈 新 的 值 是 0 )， 并 且 7 会 成 为 键 0 的 值 。 


第 三 种 也 是 最 后 一 种 场景 是 1owestcount 为 0 的 情况 。 我 们 可 以 设置 一 个 负 值 的 键 ， 同 时 
更 新 用 于 计算 双 端 队列 长 度 的 逻辑 , 使 其 也 能 包含 负 键 值 。 这 种 情况 下 ， 添 加 一 个 新 元 素 的 操作 
仍然 能 保持 最 低 的 计算 成 本 。 为 了 便于 演示 , 我 们 把 本 场景 看 作 使 用 数组 。 要 在 第 一 位 添加 一 个 
新 元 素 ， 我 们 需要 将 所 有 元 素 后 移 一 位 ( 行 {3} ) 来 空 出 第 一 个 位 置 。 由 于 我 们 不 想 丢 失 任何 已 
有 的 值 ， 需 要 从 最 后 一 位 开始 迭代 所 有 的 值 ， 并 为 元 素 赋 上 索引 值 减 1 位 置 的 值 。 在 所 有 的 元 素 
都 完成 移动 后 ， 第 一 位 将 是 空闲 状态 ， 这 样 就 可 以 用 需要 添加 的 新 元 素来 覆盖 它 了 【( 行 14} )。 

































































5.2.2 ”使 用 Deaque 类 


在 实例 化 Deque 类 后 ， 我 们 可 以 执行 下 面 的 方法 。 
const deque = new Deque(); 
console.log(deque.isEmpty()); // 输出 true 
deque.addBack ('John'); 

deque.addBack ('Jack'); 
console.log(deque.toString()); // John, Jack 
deque.addBack ('Camila'); 
console.log(deque.toSstring()); // John, Jack, Camila 
console.log(deque.size()); // 输出 3 
console.log(deque.isEmpty()); // 输出 false 
deque.removeFront (); // 移 除 John 
console.log(deque.toString()); // Jack, Camila 
deque.removeBack(); // Camila 决定 离开 
console.log(deque.toString()); // Jack 
deque.addFront ('John'); // John 回来 询问 一 些 信 息 
console.log(deque.toString()); // John, Jack 








借助 Deque 类 ， 我 们 可 以 执行 stack 和 Queue 类 中 的 操作 。 我 们 同样 可 以 使 用 Deque 类 
来 实现 一 个 优先 队列 ， 第 11 章 会 讨论 这 个 话题 。 
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5.3 ”使 用 队列 和 双 端 队列 来 解决 问题 


现在 我 们 知道 了 怎样 使 用 Queue 和 Deque 类 ， 就 用 它们 解决 一 些 计算 机 科学 中 的 问题 吧 
本 节 将 使 用 队列 来 模拟 击 鼓 传 花 游 戏 ， 并 使 用 双 端 队列 来 检查 一 个 短语 是 否 为 回 文 。 














O 











5.3.1 循环 队列 一 一 击 鼓 传 花 游戏 


由 于 队列 经 常 被 应 用 在 计算 机 领域 和 我 们 的 现实 生活 中 , 就 出 现 了 一 些 队列 的 修改 版 本 , 我 
们 会 在 本 章 实现 它们 。 这 其 中 的 一 种 叫 作 循环 队列 。 循环 队列 的 一 个 例子 就 是 击 鼓 传 花 游戏 (hot 
potato )。 在 这 个 游戏 中 , 孩子 们 围 成 一 个 圆圈 , 把 花 尽快 地 传递 给 旁边 的 人 。 某 一 时 刻 传 花 停止 ， 
这 个 时 候 花 在 谁 手 里 ， 谁 就 退出 圆圈 、 结 束 游 戏 。 重 复 这 个 过 程 ， 直 到 只 剩 一 个 孩子 〈 胜 者 )。 

在 下 面 这 个 示例 中 ， 我 们 要 实现 一 个 模拟 的 击 鼓 传 花 游戏 。 

function hotPotato(elementsList, num) { 


const queue = new Queue(); // {1} 
const elimitatedList = []; 



































for (let i = 0; i < elementsList.length; i++) { 
queue.enqueue (elementsList[i]); // {2} 


} 


while (gqueue.size() > 1) { 
for (let i = 0; i < num; i++) { 
Gueue .endueue (gqueue.dequeue()); // {3} 
} 
elimitatedList.push(queue.dequeue()); // {4} 
} 


return { 
eliminated: elimitatedList, 
winner: queue.dequeue() // {5} 
:> 
. 
实现 一 个 模拟 的 击 鼓 传 花 游 戏 ， 要 用 到 本 章 开 头 实现 的 oueue 类 ( 行 {1} )。 我 们 会 得 到 一 
份 名 单 ， 把 里 面 的 名 字 全 都 加 入 队列 〈 行 12} )。 给 定 一 个 数字 ， 然 后 迭代 队列 。 从 队列 开头 移 
除 一 项 ， 再 将 其 添加 到 队列 末尾 ( 行 {3} )， 模 拟 击 鼓 传 花 (如 果 你 把 花 传 给 了 旁边 的 人 ， 你 被 
淘汰 的 威胁 就 立刻 解除 了 )。 一 旦 达到 给 定 的 传递 次 数 ， 拿 着 花 的 那个 人 就 被 淘汰 了 ( 从 队列 中 
移 除 一 一 行 {4} )。 最 后 只 剩 下 一 个 人 的 时 候 ， 这 个 人 就 是 胜 者 ( 行 {5} )。 


我 们 可 以 使 用 下 面 的 代码 来 尝试 not Potato 算法 。 


const names = ['John', 'Jack', 'Camila', 'Ingrid', 'Carl']; 
const result = hotPpotato(names, 7); 
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result.eliminated.forEach (name => { 
console.log(`${name} 在 击 鼓 传 花 游戏 中 被 淘汰 。、); 
] 


console.1log(` 胜 利 者 : S${result.winner}.`); 


以 上 算法 的 输出 如 下 。 


Camila 在 击 鼓 传 花 游戏 中 被 淘汰 。 
Jack 在 击 鼓 传 花 游戏 中 被 淘汰 。 
Carl 在 击 鼓 传 花 游戏 中 被 淘汰 。 
Ingrid 在 击 鼓 传 花 游戏 中 被 淘汰 。 
胜利 者 : John 


下 图 模拟 了 这 个 输出 过 程 
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你 可 以 改变 传人 hotPotato 函数 的 数 ， 模 拟 不 同 的 场景 。 


5.3.2” 回 文 检查 器 
下 面 是 维基 百科 对 回 文 的 解释 。 
回 文 是 正 反 都 能 读 通 的 单词 、 词 组 、 数 或 一 系列 字符 的 序列 , 例如 madam 或 racecar。 


有 不 同 的 算法 可 以 检查 一 个 词组 或 字符 串 是 否 为 回 文 。 最 简单 的 方式 是 将 字符 串 反 向 排列 并 
检查 它 和 原 字符 串 是 否 相 同 。 如 果 两 者 相同 ,那么 它 就 是 一 个 回 文 。 我 们 也 可 以 用 栈 来 完成 ,但 
是 利用 数据 结构 来 解决 这 个 问题 的 最 简单 方法 是 使 用 双 端 队列 。 
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下 面 的 算法 使 用 了 一 个 双 端 队列 来 解决 问题 。 
{ 


undefined || aString === 


function palindromeChecker (aString) 
if (aString 


(aString !== null && aString.length === 0)) 


return false; 
} 
const deque 
const lowerString 
let isEqual true; 
let firstChar, lastChar; 


new Deque(); // {2} 


for (let i 
deque.addBack (lowerString.charAt (i)); 
了 


aString.toLocaleLowerCase() .SPp1it(' 


0; i < lowerString.length; i++) 


null || 
人 和 


Zs 3} 


jolt) 


(7 


while (deque.size() > 1 && isEqual) { // {5} 
firstChar = deque.removeFront (); // {6} 
lastChar = deque.removeBack(); // {7} 
if (firstChar !== lastChar) { 

isEqual = false; // {8} 


} 
} 


return isEqual; 


} 





在 我 们 开始 解释 算法 逻辑 之 前 ， 需 要 检查 传人 的 字符 串 参 数 是 否 合法 〈 行 11) )。 如 果 不 合 


法 ， 我 们 返回 falseo 


对 于 这 个 算法 ,我 们 将 使 用 在 本 童 实现 的 Dequ 
小 写字 母 的 字符 串 , 我 们 会 将 所 有 字母 转化 为 小 写 ， 





e 类 ( 行 {2} )。 由 于 可 能 接收 到 同时 包含 大 
同时 移 除 所 有 的 空格 ( 行 13} )。 如 果 你 


2 
人 
WDN/C NY 











也 可 以 移 除 所 有 的 特殊 字符 ， 例 如 !、?、-、( 和 ) 等。 为 了 保证 算法 简洁 ， 我 们 会 跳 过 这 部 分 。 





然后 ， 我 们 会 对 字符 串 中 的 所 有 字符 执行 enqu 


ue 操作 ( 行 14} )。 如 果 所 有 元 素 都 在 双 端 








队列 中 (如果 只 有 一 个 字符 的 话 ， 那 它 肯 定 是 回 文 


) 并 且 首 尾 字符 相同 的 话 ( 行 {5} )， 我 们 将 





从 前 端 移 除 一 个 元 素 ( 行 {6} )， 再 从 后 端 移 除 一 个 元 素 ( 行 {7} )。 要 使 字符 串 为 回 文 ， 移 除 的 














两 个 字符 必须 相同 。 如 果 字 符 不 同 的 话 ， 这 个 字符 有 


就 不 是 一 个 回 文 ( 行 {8} )。 


我 们 可 以 用 下 面 的 代码 来 测试 palindromeChecker 算法 o 


console.log('a', palindromeChecker('a')); 
console.log('aa', palindromeChecker('aa')); 
console.log('kayak', palindromeChecker('kayak')); 
console.log('level', palindromeChecker('level')); 
console.log('Was it a car or a cat I saw', 


or a cat I saw')); 
console.log('Step on no pe 


前 面 所 有 示例 的 输出 结果 都 是 true。 

















palindromeChecker('Was it a car 


ts', palindromeChecker('Step on no pets')); 
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5.3.3” ”JavaScript 任务 队列 
既然 我 们 在 书 中 使 用 的 是 JavaScript， 何 不 探索 一 下 这 门 语言 本 身 呢 ? 


当 我 们 在 浏览 器 中 打开 新 标签 时 ,就 会 创建 一 个 任务 队列 。 这 是 因为 每 个 标签 都 是 单线 程 处 
理 所 有 的 任务 ， 称 为 事件 循环 。 浏 览 器 要 负责 多 个 任务 ， 如 泻 染 HTML、 执 行 JavaScript 代码、 
处 理 用 户 交 互 ( 用 户 输入 、 鼠 标点 击 等 )、 执 行 和 处 理 异 步 请 求 。 如 果 想 更 多 地 了 解 事件 循环 ， 
可 以 访问 https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/。 

像 JavaScript 这 样 流行 而 强大 的 语言 竟然 使 用 如 此 基础 的 数据 结构 来 进行 内 部 控制 ， 真 令 人 
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本 章 介绍 了 队列 这 种 数据 结构 。 我 们 实现 了 自己 的 队列 算法 ， 学习 了 如 何 通 过 enqueue 方 
法 和 dequeue 方法 并 遵循 先进 先 出 原则 来 添加 和 移 除 元 素 。 我 们 同样 学 习 了 双 端 队列 数据 结构 ， 
如 何 将 元 素 添 加 到 双 端 队列 的 前 端 和 后 端 ， 以 及 如 何 将 元 素 从 双 端 队列 的 前 端 和 后 端 移 除 。 

我 们 也 讨论 了 如 何 用 队列 和 双 端 队列 数据 结构 解决 两 个 经 典 的 问题 : 击 鼓 传 花 游戏 (使 用 一 
个 修改 过 的 队列 : 循环 队列 ) 和 回 文 检查 〈 使 用 双 端 队列 )。 


下 一 章 ， 我 们 将 学 习 链 表 。 这 是 一 种 比 数组 更 复杂 的 数据 结构 。 






































我 们 在 第 3 章 学 习 了 数组 这 种 数据 结构 。 数 组 ( 也 可 以 称 为 列表 ) 是 一 种 非常 简单 的 存储 数 
据 序 列 的 数据 结构 。 在 本 章 ， 你 会 学 习 如 何 实现 和 使 用 链表 这 种 动态 的 数据 结构 ,这 意味 着 我 们 
可 以 从 中 随意 添加 或 移 除 项 ， 它 会 按 需 进行 扩容 。 


本 章 内 容 包括 : 


口 链表 数据 结构 

口 向 链表 添加 元 素 

口 从 链表 移 除 元 素 

口 使 用 LinkedList 类 
口 双向 链表 

口 循环 链表 

口 排序 链表 

口 通过 链表 实现 栈 











6.1 链表 数据 结构 


要 存储 多 个 元 素 , 数组 (或 列表 ) 可 能 是 最 常用 的 数据 结构 。 正 如 本 书 之 前 提 到 的 , 每 种 语 
言 都 实现 了 数组 。 这 种 数据 结构 非常 方便 , 提供 了 一 个 便利 的 [] 语 法 来 访问 其 元 素 。 然而, 这 种 
数据 结构 有 一 个 缺点 :〈 在 大 多 数 语言 中 ) 数组 的 大 小 是 固定 的 ， 从 数组 的 起 点 或 中 间 插 入 或 移 
除 项 的 成 本 很 高 ， 因 为 需要 移动 元 素 。( 尽管 我 们 已 经 学 过 ，JavaScript 有 来 自 Array 类 的 方法 
可 以 帮 有 我 们 做 这 些 事 ， 但 背后 的 情况 同样 如 此 。) 


链表 存储 有 序 的 元 素 集合 , 但 不 同 于 数组 , 链表 中 的 元 素 在 内 存 中 并 不 是 连续 放置 的 。 每 个 
元 素 由 一 个 存储 元 素 本 身 的 节点 和 一 个 指向 下 一 个 元 素 的 引用 ( 也 称 指针 或 链接 ) 组 成 。 下 图 展 
示 了 一 个 链表 的 结构 。 
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node node node undefined 

~ a . 全 
相对 于 传统 的 数组 , 链表 的 一 个 好 处 在 于 ,添加 或 移 除 元 素 的 时 候 不 需要 移动 其 他 元 素 。 然 
而 , 链表 需要 使 用 指针 ， 因 此 实现 链表 时 需要 额外 注意 。 在 数组 中 , 我们 可 以 直接 访问 任何 位 置 


的 任何 元 素 ， 而 要 想 访 问 链表 中 间 的 一 个 元 素 ， 则 需要 从 起 点 〈 表 头 ) 开始 迭代 链表 直到 找到 所 
需 的 元 素 。 


现实 中 也 有 一 些 链表 的 例子 。 第 一 个 例子 就 是 康 加 舞 队 。 每 个 人 是 一 个 元 素 ,， 手 就 是 链 向 下 
一 个 人 的 指针 。 可 以 向 队列 中 增加 人 一 一 只 需要 找到 想 加 入 的 点 ， 断 开 连 接 , 插入 一 个 人 ,再 重 
新 连接 起 来 。 


另 一 个 例子 是 寻宝 游戏 。 你 有 一 条 线索 ， 这 条 线索 就 是 指向 寻找 下 一 条 线索 的 地 点 的 指针 。 
你 顺 着 这 条 链接 去 下 一 个 地 点 ,得 到 另 一 条 指向 再 下 一 处 的 线索 。 得 到 链表 中 间 的 线索 的 唯一 办 
法 ， 就 是 从 起 点 〈 第 一 条 线索 ) 顺 着 链表 寻找 。 




















































































































还 有 一 个 可 能 是 用 来 说 明 链表 的 最 流行 的 例子 , 那 就 是 火车 。 一 列 火 车 是 由 一 系列 车 厢 〈 也 
称 车 皮 ) 组 成 的 。 每 节 车 厢 或 车 皮 都 相互 连接 。 你 很 容易 分 离 一 节 车 皮 ， 改 变 它 的 位 置 、 添 加 或 
移 除 它 。 下 图 演示 了 一 列 火车 。 每 节 和 车 皮 都 是 链表 的 元 素 ， 车 皮 间 的 连接 就 是 指针 。 









































全 | 


本 章 会 介绍 链表 及 其 变 体 ， 但 还 是 先 从 最 简单 的 数据 结构 开始 吧 ! 


创建 链表 
理解 了 链表 是 什么 之 后 ， 现 在 就 要 开始 实现 我 们 的 数据 结构 了 。 以 下 是 LinkedList 类 的 





“|, 
月 





import { defaultEquals } from '../util'; 
import { Node } from './models/linked-list-models'; // {1} 


export default class LinkedList { 
constructor(equalsFn = defaultEquals) { 
this. eount .= 0 7 2 
this.head = undefined; // {3} 
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this.equalsFn = equalsrFn; // {4} 
} 
} 


对 于 LinkedList 数据 结构 ,我们 从 声明 count 属性 开始 ( 行 {2} )， 它 用 来 存储 链表 中 的 
元 素数 量 。 

我 们 要 实现 一 个 名 为 ingdexof 的 方法 ， 它 使 我 们 能 够 在 链表 中 找到 一 个 特定 的 元 素 。 要 比 
较 链 表 中 的 元 素 是 否 相 等 ,我 们 需要 使 用 一 个 内 部 调用 的 函数 ,名 为 equalsFn ( 行 {4} )。 使 用 
linkedList 类 的 开发 者 可 以 自行 传人 用 于 比较 两 个 JavaScript 对 象 或 值 是 否 相 等 的 自 定义 函 
数 。 如 果 没 有 传人 这 个 自 定义 函数 ， 该 数据 结构 将 使 用 定义 在 utiljs 中 的 aefaultEquals 孙 数 
( 这 样 我 们 可 以 在 随后 章节 的 其 他 数据 结构 和 算法 中 复 用 它 ) 作为 默认 的 相等 性 比较 函数 。 
defaultEquals 浮 数 的 定义 如 下 。 

export function defaultEquals(a, b) { 


return a === b; 


} 




















defaultEquals 函数 的 默认 参数 值 和 模块 导入 功能 由 ECMAScript 2015 ( ES6 ) 
提供 ， 我 们 在 第 2 章 学 习 过 。 


由 于 该 数据 结构 是 动态 的 , 我 们 还 需要 将 第 一 个 元 素 的 引用 保存 下 来 。 我 们 可 以 用 一 个 叫 作 
head 的 元 素 保 存 引 用 ( 行 {3} )。 


要 表示 链表 中 的 第 一 个 以 及 其 他 元 素 ， 我 们 需要 一 个 助手 类 ， 叫 作 Nodae ( 行 {1} )。Node 
类 表示 我 们 想 要 添加 到 链表 中 的 项 。 它 包含 一 个 element 属性 ， 该 属性 表示 要 加 入 链表 元 素 的 
值 ; 以 及 一 个 next 属性 , 该 属性 是 指向 链表 中 下 一 个 元 素 的 指针 。Node 类 的 声明 位 于 models/ 
linked-list-models.js 文件 中 ( 为 了 便于 复 用 )， 它 的 代码 如 下 所 示 。 


export class Node { 
constructor(element) { 
this.element = element; 
this.next = undefined; 
3 
} 


然后 就 是 LinkeaList 类 的 方法 。 在 实现 这 些 方法 之 前 ， 我 们 先 来 看 看 它们 的 职责 。 


口 bush (element) : 向 链表 尾部 添加 一 个 新 元 素 。 

D insert (element，position):; 向 链表 的 特定 位 置 搬入 一 个 新 元 素 。 

口 getElementAt (index) : 返回 链表 中 特定 位 置 的 元 素 。 如 果 链 表 中 不 存在 这 样 的 元 素 ， 
则 返回 undefined。 

口 remove (element) : 从 链表 中 移 除 一 个 元 素 。 

口 indexOf (element): 返回 元 素 在 链表 中 的 索引 。 如 果 链 表 中 没有 该 元 素 则 返回 -1。 
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D removeAt (position) : 从 链表 的 特定 位 置 移 除 一 个 元 素 。 

口 isEmpty () :如 果 链 表 中 不 包含 任何 元 素 , 返 回 Erue, 如 果 链 表 长 度 大 于 0 则 返回 false。 
D size(): 返回 链表 包含 的 元 素 个 数 ， 与 数组 的 length 属性 类 似 。 

D tostring(): 返回 表示 整个 链表 的 字符 串 。 由 于 列表 项 使 用 了 Node 类 ， 就 需要 重 写 继 
承 自 JavaScript 对 象 默 认 的 tostring 方法 ， 让 其 只 输出 元 素 的 值 。 


1. 向 链表 尾部 添加 元 素 


向 LinkeaList 对 象 尾部 添加 一 个 元 素 时 ， 可 能 有 两 种 场景 : 链表 为 空 ， 添 加 的 是 第 一 个 
元 素 ; 链表 不 为 空 ， 向 其 追加 元 素 。 


下 面 是 我 们 实现 的 push 方法 。 


push(element) { 
const node = new Node(element); // {1} 
let current; // {2} 
if (this.head == null) { // {3} 
this.head = node; 




















} else { 
current = this.head; // {4} 
while (current.next != null) { // {5} 获得 最 后 一 项 
current = current .next; 


} 
// 将 其 next 赋 为 新 元 素 ， 建 立 链接 
current .next = node; // {6} 
} 
this.count++; // {7} 
} 


首先 需要 做 的 是 把 element 作为 值 传人 ,创建 Noae 项 ( 行 {1} )。 


先 来 实现 第 一 个 场景 : 向 空 列表 添加 一 个 元 素 。 当 我 们 创建 一 个 LinkegList 对 象 时 , head 
会 指向 undefineqd (或 者 是 null )。 





head >X sp head 
Pg 


element node.next 














如 果 head 元 素 为 undefined 或 null (列表 为 空 一 - 行 {3} )， 就 意味 着 在 向 链表 添加 第 一 
个 元 素 。 因此 要 做 的 就 是 让 head 元 素 指向 node 元 素 。 下 一 个 noge 元 素 会 自动 成 为 undefined。 




















和 链表 最 后 一 个 节点 的 下 一 个 元 素 始 终 是 undefined 或 null。 
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好 了 , 我 们 已 经 说 完了 第 一 种 场景 ， 再 来 看 看 第 二 种 场景 ， 也 就 是 向 一 个 不 为 空 的 链表 尾部 
添加 元 素 。 


要 向 链表 的 尾部 添加 一 个 元 素 ， 首先 需要 找到 最 后 一 个 元 素 。 记 住 , 我 们 只 有 第 一 个 元 素 的 
引用 ( 行 {4} )， 因 此 需要 循环 访问 列表 ， 直 到 找到 最 后 一 项 。 为 此 ， 我 们 需要 一 个 指向 链表 中 


current 项 的 变量 ( 行 {2} )。 

在 循环 访问 链表 的 过 程 中 ， 当 current .next 元 素 为 undefined 或 null 时 , 我 们 就 知道 
已 经 到 达 链 表 尾 部 了 ( 行 {5} )。 然 后 要 做 的 就 是 让 当前 ( 也 就 是 最 后 一 个 ) 元 素 的 next 指针 指 
癌 想 要 添加 到 链表 的 节点 ( 行 {6} )。 






































this.head == null ( 行 {3}) 和 (this.head === undefined || head === 
null) 等 价 ，current.next != null ( 行 {5} ) 和 (current.next !== 
undefined && current.next !-== null) 等 价 。 要 了 解 更 多 有 关 JavaScript 


中 -= 和 --- 运 算 符 的 信息 ， 请 参考 第 1 章 。 


下 图 展示 了 向 非 空 链表 的 尾部 添加 一 个 元 素 的 过 程 。 











current current.next {5} 


ua [15 To} 


{6}y 
ole 


当 一 个 Node 实例 被 创建 时 , 它 的 next 指针 总 是 undefined。 这 没 问 题 ,因为 我 们 知道 它 
会 是 链表 的 最 后 一 项 。 


当然 ， 别 忘 了 递增 链表 的 长 度 ， 这 样 就 能 控制 它 并 且 轻 松 得 到 链表 的 长 度 ( 行 {7} )。 
我 们 可 以 通过 以 下 代码 来 使 用 和 测试 目前 创建 的 数据 结构 。 


const list = new LinkedList(); 
TSta OuSh(d Ss) 
lst Bust(10)s 


2. 从 链表 中 移 除 元 素 
现在 ， 让 我 们 看 看 如 何 从 LinkedList 对 象 中 移 除 元 素 。 我 们 要 实现 两 种 remove 方法 : 
第 一 种 是 从 特定 位 置 移 除 一 个 元 素 (removeat ), 第 二 种 是 根据 元 素 的 值 移 除 元 素 ( 稍 后 我 们 会 


展示 第 二 种 remove 方法 )。 和 push 方法 一 样 ， 对 于 从 链表 中 移 除 元 素 也 存在 两 种 场景 : 第 一 
种 是 移 除 第 一 个 元 素 ， 第 二 种 是 移 除 第 一 个 元 素 之 外 的 其 他 元 素 。 
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removeAt 方法 的 代码 如 下 所 示 。 


removeAt (index) { 
// 检查 越界 值 
if (index >= 0 && index < this.count) { // {1} 
let current = this.head; // {2} 


// 移 除 第 一 项 


I (inde ess :0 LA A 
this.head = current.next; 
} else { 


let previous; // {4} 
fOr (Eet 年 0; i < index; i++) { // {5} 
previous Currents /A -6 
current = current .next; // {7} 
} 
// 将 previous 与 current 的 下 一 项 链接 起 来 : 跳 过 current， 从 而 移 除 它 
previous.next = current.next; // {8} 
} 
this.count--; // {9} 
return current.element; 
} 
return undefined; // {10} 
} 


一 步 一 步 来 看 这 段 代码 。 由 于 该 方法 要 得 到 需要 移 除 的 元 素 的 index ( 位置 )， 我们 需要 验 
证 该 ingex 是 有 效 的 ( 行 {1} )。 从 0 (包括 0) 到 链表 的 长 度 (count - 1， 因 为 index 是 从 
零 开始 的 ) 都 是 有 效 的 位 置 。 如 果 不 是 有 效 的 位 置 ， 就 返回 undefined( 行 {10}， 即 没有 从 列 
表 中 移 除 元 素 )。 


一 起 来 为 第 一 种 场景 编写 代码 : 我 们 要 从 链表 中 移 除 第 一 个 元 素 (position === 0 一 一 行 
{3} )。 下 图 展示 了 这 个 过 程 。 













































































current current.next 








因此 ， 如 果 想 移 除 第 一 个 元 素 ， 要 做 的 就 是 让 heaa 指向 列表 的 第 二 个 元 素 。 我 们 将 用 
current 变量 创建 一 个 对 链表 中 第 一 个 元 素 的 引用 ( 行 {2} 一 一 我 们 还 会 用 它 来 迭代 链表 ,但 
稍 等 一 下 再 说 )。 这 样 current 变量 就 是 对 链表 中 第 一 个 元 素 的 引用 。 如 果 把 heag 赋 为 
current .next ， 就 会 移 除 第 一 个 元 素 。 我 们 也 可 以 直接 把 head 赋 为 head.next (不 使 用 
current 变量 作为 蔡 代 六 


现在 ， 假 设 我 们 要 移 除 链表 的 最 后 一 个 或 者 中 间 某 个 元 素 。 为 此 ， 需 要 迭代 链表 的 节点 , 直 
到 到 达 目 标 位 置 ( 行 {5} )。 一 个 重要 细节 是 : current 变量 总 是 为 对 所 循环 列表 的 当前 元 素 的 
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引用 ( 行 {7} ), 我 们 还 需要 一 个 对 当前 元 素 的 前 一 个 元 素 的 引用 ( 行 {6} ), 它 被 命名 为 previous 
( 行 {4} )。 


在 迭代 到 目标 位 置 之 后 ，current 变量 会 持 有 我 们 想 从 链表 中 移 除 的 节点 。 因 此 ， 要 从 链 
表 中 移 除 当前 元 素 ， 要 做 的 就 是 将 previous .next 和 current .next 链接 起 来 ( 行 {8} )。 这 
样 ， 当 前 节点 就 会 被 丢弃 在 计算 机 内 存 中 ， 等 着 被 垃圾 回收 需 清 除 。 





要 更 好 地 理解 JavaScript 垃圾 回收 器 如 何 工作 ， 请 阅读 https://developer.mozilla. 
org/zh-CN/docs/Web/JavaScript/Memory Management。 


我 们 试 着 借助 一 些 图 表 来 更 好 地 理解 这 段 代码 。 首 先 考 虑 移 除 最 后 一 个 元 素 。 





ot a next 


Te previous.next 
{6} 





























对 于 最 后 一 个 元 素 ， 当 我 们 在 行 {8} 跳 出 循环 时 ，current 变量 将 是 对 链表 中 最 后 一 个 节点 
的 引用 (要 移 除 的 节点 )。current .next 的 值 将 是 undefined (因为 它 是 最 后 一 个 节点 )。 由 
于 还 保留 了 对 previous 节点 的 引用 (当前 节点 的 前 一 个 节点 )，previous .next 就 指向 了 
current。 那 么 要 移 除 current， 要 做 的 就 是 把 previous .next 的 值 改变 为 current .next。 


现在 来 看 看 ， 对 于 链表 中 间 的 元 素 是 否 可 以 应 用 相同 的 逻辑 。 
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previous oe 
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current 变量 是 对 要 移 除 节点 的 引用 。previous 变量 是 对 要 移 除 节 点 的 前 一 个 节点 的 引 
用 。 那么 要 移 除 current 节点 ,需要 做 的 就 是 将 brevious .next 与 current .next 链接 起 来 。 
因此 ， 我 们 的 逻辑 对 这 两 种 情况 都 适用 。 

3. 循环 迭代 链表 直到 目标 位 置 

在 remove 方法 中 ， 我 们 需要 迭代 整个 链表 直到 到 达 我 们 的 目标 索引 index (位 置 )。 循环 
到 目标 index 的 代码 片段 在 LinkdedList 类 的 方法 中 很 常见 。 因 此 ， 我 们 可 以 重 构 代 码 ， 将 
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这 部 分 逻辑 独立 为 单独 的 方法 ， 这 样 就 可 以 在 不 同 的 地 方 复 用 它 。 那 么 ， 我 们 就 来 创建 
getElementAt 方法 吧 。 





getElementAt (index) { 

if (index >= 0 && index <= this.count) { // {1} 
let node = this.head; // {2} 
for (let i = 0; i < index && node != null; i++) { // {3} 

node = node.next; 

} 
return node; // {4} 

} 

return undefined; // {5} 


} 


为 了 确保 我 们 能 迭代 链表 直到 找到 一 个 合法 的 位 置 ， 需 要 对 传人 的 index 参数 进行 合法 性 
验证 ( 行 {1} )。 如 果 传 人 的 位 置 是 不 合法 的 参数 ， 我 们 返回 undefineda， 因 为 这 个 位 置 在 链表 
中 并 不 存在 ( 行 15} )。 然后 , 我 们 要 初始 化 noge 变量 , 该 变量 会 从 链表 的 第 一 个 元 素 head ( 行 
{2} ) 开始 ， 和 迭代 整个 链表 。 如 果 你 想 和 LinkaegList 类 中 的 其 他 方法 保持 相同 的 模式 ， 也 可 


以 将 node 变量 重 命名 为 current。 


然后 ， 我 们 会 迭代 整个 链表 直到 目标 inaex ( 行 {3} )。 结 束 循环 时 ，noge 元 素 ( 行 {4} ) 
将 是 index 位 置 元 素 的 引用 。 你 也 可 以 在 for 循环 中 使 用 i = 1; i <= index 来 获得 相同 的 
结果 。 


@ 重 构 remove 方法 


我 们 可 以 使 用 刚 创 建 的 getElementAt 方法 来 重 构 remove 方法 。 将 行 {4} ~ 行 {8} 蔡 换 为 
以 下 代码 。 




















if (index === 0) { 
// 第 一 个 位 置 的 逻辑 
} else { 


const previous = this.getElementAt (index - 1); 
current = previous.next; 
previous.next = current.next; 

} 

tio. COUnt /7 9 


4. 在 任意 位 置 插入 元 素 


接 下 来 , 我 们 要 实现 insert 方法 。 使 用 该 方法 可 以 在 任意 位 置 插入 一 个 元 素 。 我 们 来 看 一 
看 它 的 实现 。 


insert (element, index) { 
if (index >= 0 && index <= this.count) { // {1} 
const node = new Node (element); 
if (index === 0) { // 在 第 一 个 位 置 添 加 
const current = this.head; 
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node.next = current; // {2} 
this.head = node; 
else { 
const previous = this.getElementAt (index - 1); // {3} 
const current = previous.next; // {4} 
node.next = current; // {5} 
previous.next = node; // {6} 
this.count++; // 更 新 链表 的 长 度 
return true; 
} 
return false; // {7} 
} 


由 于 我 们 处 理 的 是 位 置 (索引 )， 就 需要 检查 越界 值 ( 行 {1}， 跟 remove 方法 类 似 )。 如 果 
越界 了 ， 就 返回 false 值 ， 表 示 没 有 添加 元 素 到 链表 中 ( 行 {7} )。 


如 果 位 置 合法 ,我 们 就 要 处 理 不 同 的 场景 。 第 一 种 场景 是 需要 在 链表 的 起 点 添加 一 个 元 素 ， 
也 就 是 第 一 个 位 置 ， 如 下 图 所 示 。 


ed 









































node node.next 


























在 上 图 中 ，current 变量 是 对 链表 中 第 一 个 元 素 的 引用 。 我 们 需要 做 的 是 把 node .next 的 
值 设 为 current ( 链表 中 第 一 个 元 素 ， 或 简单 地 设 为 head )。 现 在 head 和 node .next 都 指向 
了 current。 接 下 来 要 做 的 就 是 把 head 的 引用 改 为 node( 行 {2} )， 这 样 链 表 中 就 有 了 一 个 新 
元 素 。 


现在 来 处 理 第 二 种 场景 : 在 链表 中 间或 尾部 添加 一 个 元 素 。 首 先 ,我 们 需要 迭代 链表 ， 找 到 
目标 位 置 ( 行 {3} )。 这 个 时 候 ， 我 们 会 循环 至 index - 1 的 位 置 ， 表 示 需 要 添加 新 节点 位 置 的 
前 一 个 位 置 。 


当 跳 出 循环 时 ，previous 将 是 对 想 要 插入 新 元 素 的 位 置 之 前 一 个 元 素 的 引用 ，current 
变量 ( 行 f{4} ) 将 是 我 们 想 要 插入 新 元 素 的 位 置 之 后 一 个 元 素 的 引用 。 在 这 种 情况 下 ， 我 们 要 在 
previous 和 current 之 间 添 加 新 元 素 。 因 此 ， 首 先 需 要 把 新 元 素 (node ) 和 当前 元 素 链接 起 
来 ( 行 {5} ), 然后 需要 改变 previous 和 current 之 间 的 链接 ,我们 还 需要 让 previous .next 
指向 node( 行 {6} )， 取代 current。 


我 们 通过 一 张 图 表 来 看 看 代码 所 做 的 
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如 果 试 图 向 最 后 一 个 位 置 添加 一 个 新 元 素 ，previous 将 是 对 链表 最 后 一 个 元 素 的 引用 ,而 


current 将 是 undefineqd。 在 这 种 情况 下 ,node .next 将 指向 current, 而 previous.next 




















将 指向 node， 这 样 链表 中 就 有 了 一 个 新 元 素 。 6 
现在 来 看 看 如 何 向 链表 中 间 添 加 一 个 新 元 素 。 











previous 2 next 


{3} 
current {4} 
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node node.next 











在 这 种 情况 下 ， 我 们 试图 将 新 元 素 (node ) 插入 previous 和 current 元 素 之 间 。 首 先 ， 
我 们 需要 把 node .next 的 值 指向 current ， 然 后 把 previous .next 的 值 设 为 node。 这 样 列 
表 中 就 有 了 一 个 新 元 素 。 











使 用 变量 引用 我 们 需要 控制 的 节点 非常 重要 ， 这 样 就 不 会 丢失 节点 之 间 的 链接 。 
我 们 可 以 只 使 用 一 个 变量 (previous )， 但 那样 会 很 难 控制 节点 之 间 的 链接 。 
因此 ， 最 好 声明 一 个 额外 的 变量 来 帮助 我 们 处 理 这 些 引 用 。 


5. indexof 方法 : 返回 一 个 元 素 的 位 置 


inqexof 是 我 们 下 一 个 要 实现 的 方法 。inaexof 方法 接收 一 个 元 素 的 值 ， 如 果 在 链表 中 找 
到 了 它 ， 就 返回 元 素 的 位 置 ， 否 则 返回 -1。 


来 看 看 它 的 实现 。 
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indexOf (element) { 
let current = this.head; // {1} 
for (let i = 0; i < this.count && current != null; i++) { // {2} 
if (this.equalsFn(element, current.element)) { // {3} 
return i; // {4} 
} 
current = current.next; // {5} 
于 
return -1; // {6} 
} 


一 如 既往 , 需要 一 个 变量 来 帮助 我 们 循环 访问 列表 ,该 变量 是 current , 它 的 初始 值 是 head 
( 行 {1} )。 


然后 迭代 元 素 ( 行 {2} )， 从 nead (索引 0) 开始 ， 直 到 链表 长 度 (count 变量 ) 为 止 。 为 
了 确保 不 会 发 生 运 行 时 错误 ， 我 们 可 以 验证 一 下 current 变量 是 否 为 null 或 undefined。 


在 每 次 迭代 时 ， 我们 将 验证 current 节点 的 元 素 和 目标 元 素 是 否 相 等 ( 行 {3} )。 此 时 , 我 
们 会 使 用 传人 LinkedList 类 构造 函数 的 用 于 判断 相等 的 函数 。equalFn 函数 的 默认 值 如 下 。 


function defaultEquals(a, b) { 
Tot dH “Ess 
} 
所 以 这 和 在 行 {3} 使 用 element === current .element 的 作用 是 一 样 的 。 但 是 ， 如 果 元 
素 是 一 个 复杂 对 象 的 话 , 我 们 也 允许 开发 者 向 Linkedclass 中 传人 自 定 义 的 函数 来 判断 元 素 是 
否 相等 。 


如 果 当 前 位 置 的 元 素 就 是 我 们 要 找 的 元 素 ， 就 返回 它 的 位 置 〈 行 14) )。 如 果 不 是 ， 就 迭代 
下 一 个 链表 节点 〈 行 15} )。 


如 果 链 表 为 空 , 或 者 我 们 迭代 到 链表 尾部 的 话 , 循环 就 不 会 执行 了 。 如 果 我 们 没有 找到 目标 ， 
则 返回 -1 ( 行 {6} )。 


6. 从 链表 中 移 除 元 素 
创建 完 ingdexof 方法 之 后 ， 我 们 可 以 来 实现 其 他 方法 ， 比 如 remove 方法 。 


remove (element) { 
const index = this.indexOf (element); 
return this.removeAt (index); 


} 


我 们 已 经 有 了 一 个 用 来 移 除 给 定位 置 元 素 的 方法 ( removeAt )。 因 为 我 们 有 了 indexof 方 
法 ， 如 果 传 人 元 素 的 值 ， 就 可 以 找到 它 的 位 置 ， 调用 removeAt 方法 并 传人 该 位 置 。 这 很 简单 ， 
而 且 如 果 我 们 要 修改 removeat 方法 的 代码 的 话 会 更 简单 一 一 它 会 同时 修改 两 个 方法 ( 这 就 是 复 
用 代码 的 好 处 )。 这 样 , 我们 不 用 维护 两 个 用 来 移 除 链表 元 素 的 方法 一 一 只 需要 维护 一 个 ! 另外 ， 
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它们 之 间 又 通过 removeAt 方法 相互 联系 。 
7. isEmpty、size 和 getHead 方法 


isEmpty 和 size 方法 跟 我 们 在 上 一 章 实现 的 一 模 一 样 ， 但 我 们 还 不 是 来 看 一 下 。 


size() { 
return this.count; 


} 


size 方 法 返回 了 链表 的 元 素 个 数 。 和 我 们 在 前 面 章节 实现 的 类 不 同 ， 由 于 LinkedList 是 
我 们 从 头 构建 的 类 ， 链 表 的 length 变量 是 在 内 部 控制 的 。 


如 果 列 表 中 没有 元 素 ， isEmpty 方法 就 返回 true， 和 否则 返回 false。 代码 如 下 所 示 。 


isEmpty() { 
return this.size() === 0; 


} 











后 还 有 getHead 方法 。 


getHead() { 
return this.head; 


} 


head 变量 是 LinkedList 类 的 私有 变量 ( 我们 知道 ，JavaScript 还 不 支持 真正 的 私有 属性 ， 
但 是 为 了 教学 需要 , 我 们 把 实例 的 属性 看 作 私有 的 , 假设 使 用 我 们 的 类 的 开发 者 只 会 使 用 类 和 方 
法 )。 如 果 我 们 要 在 类 的 实现 外 部 迭代 链表 ， 就 需要 提供 一 种 获取 类 的 第 一 个 元 素 的 方法 。 



























































8. toString 方法 


toString 方法 会 把 LinkedList 对 象 转换 成 一 个 字符 串 。 下 面 是 tostring 方法 的 实现 。 


toSstring() { 
Lf Ehis ead SS="muLE}y x 7 

















rotyen 

} 

Jet objString = ‘S${this.head.element}.; // {2} 

let current = this.head.next; // {3} 

for (let i = 1; i < this.size() &é& current != null; i++) { // {4} 
obJjString = `${objString},s$s{current.element}.; 
eurrent’ = Eurrentnext; 


} 
return objString; // {5} 
} 


首先 ， 如 果 链 表 为 空 (head 为 null 或 undefineqd ), 我 们 就 返回 一 个 空 字符 串 ( 行 {1} )。 
我 们 也 可 以 用 if (this.isEmpty()) 来 进行 判断 。 


如 果 链 表 不 为 空 ,我 们 就 用 链表 第 一 个 元 素 的 值 来 初始 化 方法 最 后 返回 的 字符 串 ( objstring ) 
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( 行 {2} )。 然 后， 我 们 迭代 链表 的 所 有 其 他 元 素 ( 行 {4} )， 将 元 素 值 添加 到 字符 串 上 。 如 果 链 表 
只 有 一 个 元 素 ， current != null 验证 将 失败 ， 因 为 current 变量 的 值 为 undefined (或 null )， 
算法 不 会 向 objstring 添加 其 他 值 。 


最 后 ， 返 回 链表 内 容 的 字符 串 ( 行 {5} )。 





6.2 ”双向 链表 


链表 有 多 种 不 同 的 类 型 ， 本 市 介绍 双向 链表 。 双 向 链表 和 普通 链表 的 区 别 在 于 ， 在 链表 中 ， 
一 个 节点 只 有 链 向 下 一 个 节点 的 链接 ; 而 在 双向 链表 中 ， 链 接 是 双向 的 : 一 个 链 向 下 一 个 元 素 ， 
另 一 个 链 向 前 一 个 元 素 ， 如 下 图 所 示 。 


























tail 


node node node } 
head 一 | prev |value| next prev |value| next prev |value | next 
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先 从 实现 DoublyLinkedList 类 所 需 的 变动 开始 。 


class DoublyNode extends Node { // {1} 
constructor(element, next, prev) { 
super (element, next); // {2} 
this.prev = prev; // {3} 新 增 的 
} 
} 











class DoublyLinkedList extends LinkedList { // {4} 
constructor(equalsFn = defaultEquals) { 
super (equalsFn); // {5} 
this.tail = undefined; // {6} 新 增 的 
} 
} 





DoublyLinkedList 类 是 一 种 特殊 的 LinkedList 类 ， 我们 要 扩展 LinkedList 类 ( 行 
{4} )。 这 表示 DoublyLinkegdList 类 将 继承 ( 可 访问 ) LinkegdList 类 中 所 有 的 属性 和 方法 。 
一 开始 , 在 DoublyLinkedList 的 构造 函数 中 , 我 们 要 调用 LinkedList 的 构造 函数 ( 行 {5} )， 
它 会 初始 化 equalsFrn、count 和 head 属性 。 另 外 ， 我 们 也 会 保存 对 链表 最 后 一 个 元 素 的 引用 
(tail—— 行 {6} )。 


双向 链表 提供 了 两 种 迭代 的 方法 : 从 头 到 尾 , 或 者 从 尾 到 头 。 我 们 也 可 以 访问 一 个 特定 节点 
的 下 一 个 或 前 一 个 元 素 。 为 了 实现 这 种 行为 , 还 需要 追踪 每 个 节点 的 前 一 个 节点 。 所 以 除了 Node 
类 中 的 element 和 next 属性 ，DoubleLinkedList 会 使 用 一 个 村 殊 的 节点 ， 这 个 名 为 
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DoublyNode 的 节点 有 一 个 叫 作 prev 的 属性 ( 行 {3} )。DoublyNode 扩展 了 Node 类 ， 因 此 我 
们 可 以 继承 element 和 next 属性 ( 行 {1} )。 由 于 使 用 了 继承 ， 我 们 需要 在 DoublyNode 类 的 
构造 函数 中 调用 Node 的 构造 函数 ( 行 12} )。 


在 单 向 链表 中 ， 如 果 人 迭代 时 错过 了 要 找 的 元 素 ， 就 需要 回 到 起 点 ， 重 新 开始 迭代 。 这 是 双向 
链表 的 一 个 优势 。 





























可 以 在 前 面 的 代码 中 看 到 ,LinkedList 类 和 DoublyLinkedList 类 的 区 别 用 
新 增 的 标 出 了 。 


6.2.1 在 任意 位 置 插入 新 元 素 


向 双向 链表 中 插入 一 个 新 元 素 跟 ( 单 向 ) 链表 非常 类 似 。 区别 在 于 , 链表 只 要 控制 一 个 next 
指针 ， 而 双向 链表 则 要 同时 控制 next 和 prev (previous ， 前 一 个 ) 这 两 个 指针 。 在 
poublyLinkedrist 类 中 ， 我 们 将 重 写 insert 方法 ， 表 示 我 们 会 使 用 一 个 和 LinkeaList 类 6 
中 的 方法 行为 不 同 的 方法 。 


下 面 是 向 任意 位 置 插 入 一 个 新 元 素 的 算法 。 


insert (element, index) { 
if (index >= 0 && index <= this.count) { 
const node = new DoublyNode (element); 
lJet current = this.head; 
if (index === 0) { 
if (this.head == null) { // {1} 新 增 的 
this.head = node; 
this.tail = node; 
} else { 
node.next = this.head; // {2} 
current.prev = node; // {3} 新 增 的 
this.head = node; // {4} 

















jl 
} else if (index === this.count) { // 最 后 一 项 // 新 增 的 
current = this.tail; // {5} 
current.next = node; // {6} 
node.prev = current; // {7} 
hitait node; // {8} 
} else { 
const previous = this.getElementAt (index - 1); // {9} 
current = previous.next; // {10} 
node.next = current; // {11} 
previous.next = node; // {12} 
current.prev = node; // {13} 新 增 的 
node.prev = previous; // {14} 新 增 的 
} 
this.count++; 
return true; 
} 
return false; 


} 
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我 们 来 分 析 第 一 种 场景 : 在 双向 链表 的 第 一 个 位 置 (起 点 ) 插入 一 个 新 元 素 。 如 果 双 向 链表 
为 空 ( 行 {1} ), 只 需要 把 head 和 tail 都 指向 这 个 新 节点 。 如 果 不 为 空 ，current 变量 将 是 对 
双向 链表 中 第 一 个 元 素 的 引用 。 就 像 我 们 在 链表 中 所 做 的 ， 把 node .next 设 为 current ( 行 
{2} )， 而 head 将 指向 node ( 行 {4} 一 一 它 将 成 为 双向 链表 中 的 第 一 个 元 素 )。 不 同 之 处 在 于 ， 
我 们 还 需要 为 指向 上 一 个 元 素 的 指针 设 一 个 值 。current .prev 指针 将 由 指向 undefined 变 为 
指向 新 元 素 (node 一 一 行 {3} )。node.prev 指针 已 经 是 undefined， 因 此 无 须 更 新 。 

















下 图 演示 了 这 个 过 程 。 
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现在 来 分 析 另 一 种 场景 : 假设 我 们 要 在 双向 链表 最 后 添加 一 个 新 元 素 。 这 是 一 种 特殊 情况 ， 
因为 我 们 还 控制 着 指 tk current 变量 将 引用 最 后 一 个 元 素 ( 行 {5} )， 然 
后 开始 建立 链接 ，current .next 指针 (指向 undefined ) 将 指向 node ( 行 {6} 一 一 基于 构造 
函数 的 缘故 , nodqe.next 已 经 指向 了 undefinegd ),。 node.prev 将 引用 current ( 行 17} )。 最 
后 只 剩 一 件 事 了 ， 就 是 更 新 tail， 它 将 由 指向 current 变 为 指向 nogde ( 行 {8} )。 





























下 图 展示 了 这 些 行为 。 
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current 














然后 还 有 第 三 种 场景 : 在 双向 链表 中 间 插 人 一 个 新 元 素 。 就 多 我 们 在 之 前 的 方法 中 所 做 的 ， 
迭代 双向 链表 ， 直 到 要 找 的 位 置 ( 行 {9} )。getElementAt 方法 是 从 LinkedList 类 中 继承 的 ， 
不 需要 重 写 一 遍 。 我 们 将 在 current ( 行 {10} ) 和 previous 元 素 之 间 插 入 新 元 素 。 首 先 ， 
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node .next 将 指向 current ( 行 111)} ), 而 previous.next 将 指向 noae ( 行 {12} )， 这 样 就 
不 会 丢失 节点 之 间 的 链接 。 然 后 需要 处 理 所 有 的 链接 : current .prev 将 指向 node ( 行 {13} ), 而 
node.prev 将 指向 previous( 行 {14} )。 下 图 展示 了 这 一 过 程 。 
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previous {9} current {10} 

















我 们 可 以 对 insert 和 remove 这 两 个 方法 的 实现 做 一 些 改进 ,在 结果 为 否 的 情 6 
况 下 ， 可 以 把 元 素 插入 双向 链表 的 尾部 。 性 能 也 可 以 有 所 改进 ， 比 如 ， 如 果 

6&3 position 大 于 length/2， 就 最 好 从 尾部 开始 和 迭代， 而 不 是 从 头 开始 (这样 就 
能 迭代 双向 链表 中 更 少 的 元 素 )。 


6.2.2 ”从 任意 位 置 移 除 元 素 


从 双向 链表 中 移 除 元 素 跟 链表 非常 类 似 。 唯 一 的 区 别 就 是 ， 还 需要 设置 前 一 个 位 置 的 指针 。 
我 们 来 看 一 下 它 的 实现 。 


removeAt (index) { 
if (index >= 0 && index < this.count) { 
Jet current = this.head; 
if (index === 0) { 
this.head = current.next; // {1} 


// 如 果 只 有 一 项 ， 更 新 tail // 新 增 的 





Lf (this Courk, sss EY ,7A 《23 
this.tail = undefined; 
} else { 


this.head.prev = undefined; // {3} 
} 
} else if (index === this.count - 1) { // 最 后 一 项 // 新 增 的 
current = this. tarly /7 {4} 
this.tail = current.prev; // {5} 
this.tail.next = undefined; // {6} 


} else { 
current = this.getElementAt (index); // {7} 
const previous = current.prev; // {8} 
// 将 previous 与 current 的 下 一 项 链接 起 来 一 跳 过 current 
previous.next = current.next; // {9} 


current .next .prev = previous; // {10} 新 增 的 





this.count--; 
return current.element; 
} 


return undefined; 


} 
我 们 需要 处 理 三 种 场景 : 从 头 部 、 从 中 间 和 从 尾部 移 除 一 个 元 素 。 


我 们 来 看 看 如 何 移 除 第 一 个 元 素 。current 变量 是 对 双向 链表 中 第 一 个 元 素 的 引用 ， 也 就 
是 我 们 想 移 除 的 元 素 。 De dg nead 的 引用 ,将 其 从 current 改 为 下 一 个 元 素 
(current .next 一 一 行 {1} ), 还 需要 更 新 current .next 指向 上 一 个 元 素 的 指针 ( 因为 第 一 个 
元 素 的 prev 指针 是 undefined 因此 ， 把 heag.prev 的 引用 改 为 undefined ( 行 {3} 一 一 
因为 head 也 指向 双向 链表 中 新 的 第 一 个 元 素 ， 也 可 以 用 current .next .prev )。 由 于 还 需 
控制 fail 的 引用 ， 我 们 可 以 检查 要 移 除 的 元 素 是 否 是 第 一 个 元 素 ， 如 果 是 ， 只 需要 把 fail 也 
设 为 undefined ( 行 12) )。 


下 图 展示 了 从 双向 链表 移 除 第 一 个 元 素 的 过 程 。 
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下 一 种 场景 是 从 最 后 一 个 位 置 移 除 元 素 。 既 然 已 经 有 了 对 最 后 一 个 元 素 的 引用 (tail ), 我 们 
就 不 需要 为 找到 它 而 迭代 双向 链表 。 这 样 也 就 可 以 把 tail 的 引用 赋 给 current 变量 ( 行 {4} )。 
接 下 来 ， 需 要 把 tail 的 引用 更 新 为 双向 链表 中 倒数 第 二 个 元 素 ( 行 {5} current .prey, 
或 者 tail.prev )。 既 然 tail 指向 了 倒数 第 二 个 元 素 ， 我 们 就 只 需要 把 next 指针 更 新 为 
undefined ( 行 {6} tail.next= null )。 下 图 演示 了 这 一 行为 。 
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第 三 种 也 是 最 后 一 种 场景 : 从 双向 链表 中 间 移 除 一 个 元 素 。 首 先 需要 迭代 双向 链表 ,直到 要 











6.3 ”循环 链表 111 











找 的 位 置 ( 行 {7} )。current 变量 所 引用 的 就 是 要 移 除 的 元 素 ( 行 {7} )。 要 移 除 它 ， 我 们 可 以 
通过 更 新 previous.next 和 current .next.prev 的 引用 ， 在 双向 链表 中 跳 过 它 。 因 此 ， 
previous .next 将 指向 current .next ( 行 {9} ), 而 current .next .prev 将 指向 previous 


( 行 {10} )， 如 下 图 所 示 。 

















Previous current {7} “3 current.next 














要 了 解 双 向 链表 其 他 方法 的 实现 , 请 参阅 本 书 的 配套 源 代码 。 源 代码 的 下 载 链 接见 
本 书 的 前 言 ， 也 可 以 通过 http:/github.comyloiane/javascript-datastructures-algorithms 
访问 。 

6.3 ”循环 链表 


循环 链表 可 以 像 链 表 一 样 只 有 单 向 引用 , 也 可 以 像 双 向 链表 一 样 有 双向 引用 。 循 环 链表 和 链 
表 之 间 唯 一 的 区 别 在 于 ， 最 后 一 个 元 素 指向 下 一 个 元 素 的 指针 ( tail.next ) 不 是 引用 


undefined， 而 是 指向 第 一 个 元 素 (head )， 如 下 图 所 示 。 


node 
S 


双向 循环 链表 有 指向 head 元 素 的 tail .next 和 指向 tail 元 素 的 head .prev。 
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我 们 来 看 创建 circularLinkedList 类 的 代码 。 


CircularLinkedList extends LinkedList { 
constructor(equalsFn = defaultEquals) { 
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super (equalsFn); 
. 
} 


CircularLinkedList 类 不 需要 任何 额外 的 属性 ， 所 以 直接 扩展 LinkedList 类 并 覆盖 需 
要 改写 的 方法 即 可 。 


我 们 将 在 后 面 重 写 insert 和 removeAt 方法 的 实现 。 








6.3.1 在 任意 位 置 插入 新 元 素 


向 循环 链表 中 搬 人 元 素 的 逻辑 和 向 普通 链表 中 搬 人 元 素 的 逻辑 是 一 样 的 。 不 同 之 处 在 于 我 们 
需要 将 循环 链表 尾部 节点 的 next 引用 指 回 头 部 节点 。 下 面 是 circularLinkedList 类 的 
insert 方法 。 


insert (element, index) { 
if (index >= 0 && index <= this.count) { 
const node = new Node (element); 
lJet current = this.head; 
if (index Ss=3 0)...4 
if (this.head == null) { 
this.head = node; // {1} 
node.next = this.head; // {2} 新 增 的 




















} else { 
node.next = current; // {3} 
current = this.getElementAt (this.size()); // {4} 


// 更 新 最 后 一 个 元 素 
this.head = node; // {5} 
current.next = this.head; // {6} 新 增 的 
} 
else { // 这 种 场景 没有 变化 
const previous = this.getElementAt (index - 1); 
node.next = previous.next; 
previous.next = node; 
} 
this.count++; 
return true; 
} 
return false; 


我 们 来 分 析 一 下 不 同 的 场景 。 第 一 种 是 我 们 想 在 循环 链表 第 一 个 位 置 插入 新 元 素 。 如 果 循 环 
链表 为 空 ， 我 们 就 和 在 LinkegdList 类 中 一 样 将 head node 赋值 为 新 创建 的 元 素 ( 行 {1} ), 并 
且 将 最 后 一 个 节点 链接 到 head( 行 {2} )。 这 种 情况 下 ， 循 环 链表 最 后 的 元 素 就 是 我 们 创建 的 指 
向 自己 的 节点 ， 因 为 它 同 时 也 是 neaa。 


下 图 展示 了 第 一 种 情况 。 
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第 二 种 情况 是 在 一 个 非 空 循环 链表 的 第 一 个 位 置 搬 和 人 元素， 因此 我 们 要 做 的 第 一 件 事 是 将 




















nodqe.next 指向 现在 的 heaa 引用 的 节点 (current 变量 )。 这 是 我 们 在 LinkedList 类 中 使 

















用 过 的 逻辑 。 但 是 ,在 circular] 








LinkedList 中 ， 我 们 还 需要 保证 最 后 一 个 节点 指向 了 这 个 新 








的 头 部 元 素 ， 所 以 需要 取得 最 后 一 个 元 素 的 引用 。 我 们 可 以 使 用 getElementAt 方法 ， 传 人 循 
环 链表 长 度 作 为 参数 ( 行 12} )。 我 们 将 头 部 元 素 更 新 为 新 元 素 ， 再 将 最 后 一 个 节点 ( current ) 


指向 新 的 头 部 节点 ( 行 {3} )。 
下 图 展示 了 第 二 种 情况 。 




















current {4} 











如 果 我 们 想 在 循环 链表 中 间 搬 入 新 元 素 ， 代 码 就 和 在 LinkedList 类 中 的 一 样 了 ， 因 为 我 
们 对 循环 链表 的 第 一 个 和 最 后 一 个 节点 没有 做 任何 修改 。 





6.3.2 ”从 任意 位 置 移 除 元 素 


要 从 循环 链表 中 移 除 元 素 ， 我 们 只 需要 考虑 第 二 种 情况 ， 也 就 是 修改 循环 链表 的 head 元 素 。 


removeAt 方法 的 代码 如 下 。 


removeAt (index) { 


if (index >= 0 && index < this.count) { 
let current = this.head; 


if (index === 0) { 


T(t) es) 
this.head = undefined; 


} else { 


const removed = this.head; // {1} 

current = this.getElementAt (this.size()); // {2} 新 增 的 
this.head = this.head.next; // {3} 

current.next = this.head; // {4} 


current = removed; 


C3 
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} 
} else { 
// 不 需要 修改 循环 链表 最 后 一 个 元 素 
const previous = this.getElementAt (index - 1); 
current = previous.next; 
previous.next = current .next; 
} 
this.count--; 
return current.element; // {6} 
} 
return undefined; 


} 


第 一 个 场景 是 从 只 有 一 个 元 素 的 循环 链表 中 移 除 一 个 元 素 。 这 种 情况 下 ,我们 只 需要 将 head 
赋值 为 undefined， 和 LinkedList 类 中 的 实现 一 样 。 


第 二 种 情况 是 从 一 个 非 空 循环 链表 中 移 除 第 一 个 元 素 。 由 于 heag 的 指向 会 改变 , 我 们 需要 
修改 最 后 一 个 节点 的 next 属性 。 那 么 ,我 们 首先 保存 现在 的 head 元 素 的 引用 ， 它 将 从 循环 链 
表 中 移 除 ( 行 {1} ), 与 我 们 在 insert 方法 中 所 做 的 一 样 ， 同 样 需要 获得 循环 链表 最 后 一 个 元 素 的 
引用 ( 行 {2} )， 它 会 被 存储 在 current 变量 中 。 在 取得 所 有 所 需 节 点 的 引用 后 ， 我 们 可 以 开始 
构建 新 的 节点 指向 了 。 先 更 新 nead element, 将 其 指向 第 二 个 元 素 (head.next 一 一 行 {3})， 
然后 我 们 将 最 后 一 个 element (current .next ) 指向 新 的 heada ( 行 {4} )。 我 们 可 以 更 新 
current 变量 的 引用 ( 行 {5} )， 这 样 就 能 返回 它 ( 行 {6} ) 来 表示 移 除 元 素 的 值 。 


下 图 展示 了 这 些 操 作 。 


















































6.4 ”有 序 链表 


有 序 链 表 是 指 保持 元 素 有 序 的 链表 结构 。 除 了 使 用 排序 算法 之 外 , 我 们 还 可 以 将 元 素 搬入 到 
正确 的 位 置 来 保证 链表 的 有 序 性 。 











先 来 声明 sortedLinkedList 类 。 


const Compare = { 
LESS_THAN: -1, 
BIGGER_THAN: 1 
中 了 
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function defaultCompare(a, b) { 
Ea a) {A 
return 0; 
} 


return a < b ? Compare.LESS_THAN : Compare.BIGGER_THAN; // {2} 
} 


class SortedLinkedList extends LinkedList { 
constructor(equalsFn = defaultEquals, compareFn = defaultCompare) { 
super (equalsFn);} 
this.compareFn = compareFn; // {3} 
} 





SortedLinkedList 类 会 从 LinkedList 类 中 继承 所 有 的 属性 和 方法 ,但 是 由 于 这 个 类 有 
特别 的 行为 ， 我 们 需要 一 个 用 来 比较 元 素 的 函数 。 因 此 ， 还 需要 声明 comparern ( 行 {3}), 用 
来 比较 元 素 。 该 函数 会 默认 使 用 defaultcompare。 如 果 元 素 有 相同 的 引用 , 它 就 返回 0( 行 {1} )。 
如 果 第 一 个 元 素 小 于 第 二 个 元 素 ， 它 就 返回 -1,， 反之 则 返回 1。 为 了 保证 代码 优雅 ,我 们 可 以 声 
明 一 个 compare 常量 来 表示 每 个 值 。 如 果 用 于 比较 的 元 素 更 复杂 一 些 ， 我 们 可 以 创建 自 定义 的 
比较 函数 并 将 它 传人 sortedLinkedList 类 的 构造 函数 中 。 

















有 序 插入 元 素 
我 们 会 用 下 面 的 代码 来 覆盖 insert 方法 。 


insert (element, index = 0) { // {1} 
if (this.isEmpty()) { 
return super.insert (element, 0); // {2} 
} 
const pos = this.getIndexNextSortedElement (element); // {3} 
return super.insert (element, pos); // {4} 
1 


getIindexNextSortedElement (element) { 

Jet current = this.head; 

et ti. (S/O 

for (; i < this.size() && current; i++) { 
const comp = this.compareFn(element, current.element); // {5} 
if (comp === Compare.LESS_THAN) { // {6} 

return i; 

} 
current = current .next; 

} 

return i; // {7} 


} 





由 于 我 们 不 想 允 许 在 任何 位 置 插入 元 素 ， 我 们 要 给 index 参数 设置 一 个 默认 值 ( 行 {1} )， 
以 便 直 接 调用 1ist .insert (myElement ) 而 无 须 传 人 index 参数 。 如 果 inaex 参数 传 给 了 方 
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法 ， 它 的 值 会 被 忽略 ， 因 为 插入 元 素 的 位 置 是 内 部 控制 的 。 我 们 这 么 做 的 原因 是 不 想 重 写 整 个 





LinkedList 类 的 方法 ,我 们 只 需要 覆盖 insert 方法 的 行为 。 如 果 你 愿意 ， 也 可 以 从 头 创建 





SortedLinkedList 类 ,把 LinkedList 类 中 的 代码 复制 过 来 。 但 是 这 样 会 使 代码 维护 变 得 困 





难 ， 因 为 后 面 要 修改 代码 的 话 ， 就 需要 修改 两 处 而 非 一 处 。 





如 果 有 序 链 表 为 空 ， 我 们 可 以 直接 调用 LinkedList 的 insert 方法 并 传人 0 作为 index 
( 行 {2} )。 如 果 有 序 链表 不 为 空 ,我 们 会 知道 插入 元 素 的 正确 位 置 ( 行 {3} ) 并 调用 LinkedList 














的 insert 方法 ,传人 该 位 置 来 保证 链表 有 序 ( 行 {4} )。 


要 获得 插入 元 素 的 正确 位 置 ,我 们 需要 创建 一 个 叫 作 get IndexNextSortedElement 的 方 
法 。 在 该 方法 里 ,我们 需要 迭代 整个 有 序 链表 直至 找到 需要 插入 元 素 的 位 置 , 或 是 迭代 完 所 有 的 

















= 








元 素 。 在 后 者 的 场景 中 ,返回 的 ingdex ( 行 {7} ) 将 是 有 序 链表 的 长 度 (元 素 将 被 扩 


入 在 链表 的 





末尾 )。 我 们 将 使 用 compareFn ( 行 {5} ) 来 比较 传人 构造 函数 的 元 素 。 当 我 们 要 折 





入 有 序 链表 





的 元 素 小 于 current 的 元 素 时 ,我们 就 找到 了 插入 元 素 的 位 置 ( 行 {6} )。 








就 是 这 样 了 ! 我 们 可 以 在 内 部 复 用 LinkedList 的 insert 方法 。 其 他 方法 例如 remove、 


inaqexof 和 on 都 和 LinkedList 是 一 样 的 。 


6.5 创建 stackLinkedList 类 











我 们 还 可 以 使 用 LinkeqList 类 及 其 变种 作为 内 部 的 数据 结构 来 创建 其 他 数据 结构 ， 例 如 








栈 、 队 列 和 双向 队列 。 在 本 节 中 ， 我 们 将 学 习 怎 样 创建 栈 数据 结构 ( 参考 第 4 章 )。 


StackLinkedList 类 结构 和 push 与 pop 方法 声明 如 下 。 


class StackLinkedList { 
CONnstruetor() { 
this.items = new DoublyLinkedList(); // {1} 
} 
push(element) { 
this.items.push(element); // {2} 
} 
pop() { 
if (this.isEmpty()) { 
return undefined; 
} 
return this.items.removeAt (this.size() - 1); // {3} 
} 
} 


对 于 stackLinkedList 类 , 我 们 将 使 用 DouplyLinkedList 来 存储 数据 ( 行 {1} ), 而 非 
使 用 数组 或 JavaScript 对 象 。 之 所 以 使 用 双向 链表 而 不 是 链表 ， 是 因为 对 栈 来 说 ， 我 们 会 向 链表 
尾部 添加 元 素 ( 行 {2} )， 也 会 从 链表 尾部 移 除 元 素 ( 行 {3} )。DoublyLinkeqList 类 有 列表 最 
后 一 个 元 素 (tail ) 的 引用 ， 无须 迭代 整个 链表 的 元 素 就 能 获取 它 。 双 向 链表 可 以 直接 获取 头 
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尾 的 元 素 ， 减 少 过 程 消耗 ， 它 的 时 间 复 杂 度 和 原始 的 stack 实现 相同 ， 为 O(1)。 


我 们 也 可 以 对 LinkedList 类 进行 优化 ， 保 存 一 个 指向 尾部 元 素 的 引用 ， 并 使 
用 这 个 优化 版 本 来 代替 DoublyLinkedList。 


我 们 可 以 观察 下 面 的 Stack 方法 的 代码 。 


peek() { 
if (this.LisEmpty()) 瓜 
return undefined; 
} 
return this.items.getElementAt (this.size() - 1).element; 
} 
isEmpty() { 
return this.items.isEmpty (); 
} 
size() { 
return this.items.size(); 
} 
clear() { 
this.items.clear(); 
} 
toString() { 
return this.items.toSstring(); 


} 


我 们 实际 在 为 每 个 其 他 方法 调用 DoublyLinkedList 类 的 方法 。 在 栈 的 实现 内 部 使 用 链表 
数据 结构 会 更 加 简单 ， 因 为 不 需要 重新 创建 这 些 代 码 ， 也 使 代码 的 可 读 性 更 好 。 














我 们 可 以 用 相同 的 逻辑 用 DoublyLinkedList 来 创建 Queue 和 Deque 类 ， 甚 
至 使 用 LinkedList 类 也 是 可 以 的 ! 


6.6 小结 


本 章 介绍 了 链表 这 种 数据 结构 ， 以 及 其 变 体 : 双向 链表 、 循 环 链表 和 有 序 链表 。 你 学 习 了 如 
何在 任意 位 置 添加 和 移 除 元 素 , 以 及 如 何 循环 访问 链表 。 你 还 学 习 了 链表 相 比 数组 最 重要 的 优点 ， 
那 就 是 无 须 移动 链表 中 的 元 素 ， 就 能 轻松 地 添加 和 移 除 元 素 。 因 此 ， 当 你 需要 添加 和 移 除 很 多 元 
素 时 ， 最 好 的 选择 就 是 链表 ， 而 非 数 组 。 


你 还 了 解 了 如 何 使 用 内 部 链表 存储 元 素来 创建 一 个 栈 , 而 不 是 使 用 数组 或 对 象 ; 以 及 复 用 其 
他 数据 结构 中 可 用 的 操作 有 什么 好 处 ， 而 不 是 重 写 所 有 的 逻辑 代码 。 


在 下 一 章 中 ,你 将 学 习 集 合 。 这 是 一 种 存储 唯一 元 素 的 数据 结构 。 
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数组 ( 列表 )、 栈 、 队 列 和 链表 这 些 顺 序数 据 结 构 对 你 来 说 应 该 不 陌生 了 。 在 本 章 ， 我 们 要 
学 习 集 合 ， 这 是 一 种 不 允许 值 重复 的 顺序 数据 结构 。 我 们 将 要 学 到 如 何 创建 集合 这 种 数据 结构 ， 
如 何 添加 和 移 除 值 ， 如 何 搜 索 值 是 否 存在 。 你 也 会 学 到 如 何 进 行 并 集 、 交 和 集 、 差 集 等 数学 运算 ， 
还 会 学 到 如 何 使 用 ECMAScript 2015 ( ES2015 ) 原生 的 set 类 。 


本 章 内 容 包括 : 


口 从 头 创 建 一 个 set 类 
口 用 set 来 进行 数学 运算 
口 ECMAScript 2015 原生 set 类 









































7.1 构建 数据 集合 
集合 是 由 一 组 无 序 且 唯一 ( 即 不 能 重复 ) 的 项 组 成 的 。 该 数据 结构 使 用 了 与 有 限 集合 相同 的 











不 同 对 象 的 集 。 


比如 说 ， 一 个 由 大 于 或 等 于 0 的 整数 组 成 的 自然 数 集合 : N= {0, 1, 2, 3, 4, 5, 6, …} 。 集 合 中 
的 对 象 列 表 用 花 括号 ( 人 ) 包围 。 


还 有 一 个 概念 叫 空 集 。 空 集 就 是 不 包含 任何 元 素 的 集合 。 比 如 24 和 29 之 间 的 素数 集合 ， 由 
于 24 和 29 之 间 没 有 素数 (除了 1 和 自身 ,没有 其 他 正 因数 的 、 大 于 1 的 自然 数 )， 这 个 集合 就 
是 空 集 。 空 集 用 { } 表 示 。 


你 也 可 以 把 集合 想象 成 一 个 既 没 有 重复 元 素 ， 也 没有 顺序 概念 的 数组 。 
在 数学 中 ， 集 合 也 有 并 集 、 交 集 、 差 集 等 基本 和 运算。 本章 也 会 介绍 这 些 运 算 。 
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7.2 创建 集合 类 


ECMAScript 2015 介绍 了 set 类 是 JavaScript API 的 一 部 分 ， 你 会 在 本 章 稍 后 学 习 到 怎样 使 
用 它 。 我 们 将 基于 ES2015 的 set 类 来 实现 我 们 自己 的 set 类 。 我 们 也 会 实现 一 些 原生 ES2015 
没有 提供 的 集合 运算 ,例如 并 集 、 交 集 和 差 集 。 


用 下 面 的 set 类 以 及 它 的 构造 阻 数 声明 作为 开始 。 
class Set { 
constructor() { 
this.items = {}; 
} 
} 
有 一 个 非常 重要 的 细节 是 ， 我 们 使 用 对 象 而 不 是 数组 来 表示 集合 (items )。 不 过 ， 也 可 以 
用 数组 实现 。 此 处 用 对 象 来 实现 ， 和 我 们 在 第 4 章 与 第 5$ 章 中 学 习 到 的 对 象 实现 方式 很 相似 。 同 
样 地 ，JavaScript 的 对 象 不 允许 一 个 键 指向 两 个 不 同 的 属性 ,也 保证 了 集合 里 的 元 素 都 是 唯一 的 。 


接 下 来 ,需要 声明 一 些 集 合 可 用 的 方法 ( 我们 会 尝试 模拟 与 ECMAScript 2015 实现 相同 的 
Set 类 )s 


口 add (element ) : 向 集合 添加 一 个 新 元 素 。 

D delete (element): 从 集合 移 除 一 个 元 素 。 

口 nas (element ) : 如 果 元 素 在 集合 中 ， 返 回 true， 否 则 返回 false。 
口 clear () : 移 除 集合 中 的 所 有 元 素 。 

口 size(): 返回 集合 所 包含 元 素 的 数量 。 它 与 数组 的 1engtn 属性 类 似 。 
口 values () : 返回 一 个 包含 集合 中 所 有 值 ( 元 素 ) 的 数组 。 




























































































7.2.1 has (element ) 方 法 


首先 要 实现 的 是 has (element ) 方法， 因为 它 会 被 aaa 、dqelete 等 其 他 方法 调用 。 它 用 来 
检验 某 个 元 素 是 否 存在 于 集合 中 ， 下 面 看 看 它 的 实现 。 

has (element){ 

return element in items; 

}; 
既然 我 们 使 用 对 象 来 存储 集合 的 元 素 ， 就 可 以 用 JavaScript 的 in 运算 符 来 验证 给 定 元 素 是 
否 是 items 对 象 的 属性 。 

然而 这 个 方法 还 有 更 好 的 实现 方式 ， 如 下 所 示 。 

has(element) { 


return Object.prototype.hasOwnProperty.call (this.items, element); 


} 
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Object 原型 有 hasownProperty 方法 。 该 方法 返回 一 个 表明 对 象 是 否 具 有 特定 属性 的 布尔 
值 。in 运算 符 则 返回 表示 对 象 在 原型 链 上 是 否 有 特定 属性 的 布尔 值 。 











我 们 也 可 以 在 代码 中 使 用 this.items.hasOownProperty (element)。 但 是 ， 
如 果 这 样 的 话 ， 代 码 检 查 工 具 如 了 SLint 会 抛 出 一 个 错误 。 错 误 的 原因 为 不 是 所 
有 的 对 象 都 继承 了 object .prototype, 甚 至 继承 了 Object .prototype 的 对 

人 OP 象 上 的 hasownProperty 方法 也 有 可 能 被 替 盖 ， 导 致 代码 不 能 正常 工作 。 要 避 
免 出 现任 何 问题 ,使 用 Object .prototype.hasOwnProperty.call 是 更 安 
全 的 做 法 。 


7.2.2 ” add 方法 


接 下 来 要 实现 add 方法 。 
add(element) { 
if (!this.has(element)) { 
this.items[element] = element; // {1} 


return true; 
} 
return false; 


} 




















对 于 给 定 的 element， 可 以 检查 它 是 否 存在 于 集合 中 。 如 果 不 存 在 ， 就 把 element 添加 到 
集合 中 ( 行 {1} ), 返回 true, 表示 添加 了 该 元 素 。 如果 和 集合 中 已 经 有 了 这 个 元 素 , 就 返回 false， 
表示 没有 添加 它 。 

















i 添加 一 个 element 的 时 候 ， 把 它 同 时 作为 键 和 值 保存 ， 因 为 这 样 有 利于 查找 该 


7.2.3 delete 和 clear 方法 
下 面 要 实现 delete 方法 。 


delete(element) { 
if (this.has(element)) { 
delete this.items[element]; // {1} 
return true; 
} 
return false; 


} 

















在 delete 方法 中 ， 我 们 会 验证 给 定 的 element 是 否 存在 于 集合 中 。 如 果 存 在 ， 就 从 集合 
中 移 除 element ( 行 {1} )， 返 回 true， 表 示 元 素 被 移 除 ; 否则 返回 false。 
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既然 我 们 用 对 象 来 存储 集合 的 items 对 象 ， 就 可 以 简单 地 使 用 delete 运算 符 从 items 对 
象 中 移 除 属性 ( 行 {1} )。 





使 用 set 类 的 示例 代码 如 下 。 


const set = new Set(); 
set.add(1); 
set.add(2); 





出 于 好 奇 ， 如 果 在 执行 以 上 代码 之 后 , 在 控制 台 (console.1og ) 输出 this.items 变量 
谷歌 Chrome 就 会 输出 如 下 内 容 。 


Object {1: 1, 2: 2} 


可 以 看 到 , 这 是 一 个 有 两 个 属性 的 对 象 。 属性 名 就 是 添加 到 集合 的 值 ， 同时 它 也 
是 属性 值 。 


如 果 想 移 除 集合 中 的 所 有 值 ， 可 以 用 clear 方法 。 


clear() { 


this.items = {}; // {2} 
} 























要 重 置 items 对 象 ， 需要 做 的 只 是 把 一 个 空 对 象 重新 赋值 给 它 ( 行 {2} )。 我们 也 可 以 迭代 
集合 ,用 delete 方法 依次 移 除 所 有 的 值 ， 不 过 既然 有 更 简单 的 方法 ,这样 做 就 太 麻烦 了 。 














7.2.4 size 方法 























下 一 个 要 实现 的 是 size 方法 〈 返 回 集合 中 有 多 少 元 素 )。 该 方法 有 三 种 实现 方式 。 
第 一 种 方式 是 使 用 





个 length 变量 , 每 当 使 用 aqa 或 aelete 方法 时 就 探 人 























央 它 ， 就 像 在 之 
前 的 章节 中 使 用 LinkedList、Stack 和 oueue 类 一 样 。 
第 二 种 方式 是 使 用 JavaScript 中 object 类 的 一 个 内 置 方法 (ECMAScript 2015 以 上 版 本 )。 
size() { 
return Obj 





ect.keys (this.items) .length; 


// {1} 
}; 





JavaScript 的 Object 类 有 一 个 keys 方法 , 它 返 回 一 个 包含 给 定 对 象 所 有 属性 的 数组 。 在 这 
种 情况 下 ， 可 以 使 用 这 个 数组 的 length 属性 ( 行 [1} ) 来 返回 items 对 象 的 属性 个 数 。 以 上 代 
人 码 只 能 在 现代 浏览 器 ( 比如 I 下 9 以 上 版 本 、Firefox 4 以 上 版 本 、Chrome 5 以 上 版 本 、Opera 12 以 
上 版 本 、Safari 5 以 上 版 本 等 ) 中 运行 。 

















第 三 种 方式 是 手动 提取 items 对 象 的 每 一 个 属性 ， 记 录 属 性 的 个 数 并 返回 这 个 数 。 该 方法 
可 以 在 任何 浏览 器 上 运行 ， 和 之 前 的 代码 是 等 价 的 。 
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sizeLegacy () { 
let count = 0; 
for(let key in this.items) { // {2} 
if(this.items.hasOwnProperty (key)) { // {3} 
count++; // {4} 
} 
return count; 


} 





迭代 items 对 象 的 所 有 属性 ( 行 {2} ), 检查 它们 是 否 是 对 象 自身 的 属性 ( 避免 重复 计数 一 一 
行 {(3} )。 如 果 是 ， 就 递增 count 变量 的 值 ( 行 {4} )， 最 后 在 方法 结束 时 返回 这 个 数 。 








我 们 不 能 简单 地 使 用 for-in 语句 迭代 items 对 象 的 属性 ,并 递增 count 变量 
的 值 ， 还 需要 使 用 has 方法 (以 验证 items 对 象 具有 该 属性 )， 因 为 对 象 的 原 

0 型 包含 了 额外 的 属性 ( 属性 既 有 继承 自 JavaScript 的 object 类 的 ， 也 有 属于 对 
象 自身 、 未 用 于 数据 结构 的 )。 


7.2.5 values 方法 


要 实现 values 方法 ， 我们 同样 可 以 使 用 object 类 内 置 的 values 方法 。 
values() { 
return Object.values (this.items); 


} 





Object .values () 方法 返回 了 一 个 包含 给 定 对 象 所 有 属性 值 的 数组 。 它 是 在 
ECMAScript 2017 中 被 添加 进来 的 ， 目 前 只 在 现代 浏览 器 中 可 用 。 


见 姑 


如 果 想 让 代码 在 任何 浏览 器 中 都 能 执行 ， 可 以 用 与 之 前 代码 等 价 的 下 面 这 段 代 码 。 


valuesLegacy () { 
let values = []; 





for(let key in this.items) { // {1} 
if(this.items.hasOwnProperty (key)) { 
values.push(key); // {2} 
} 
return values; 


}3 








首先 迭代 items 对 象 的 所 有 属性 ( 行 {1} )， 把 它们 添加 到 一 个 数组 中 ( 行 {2} )， 并 返回 这 
个 数组 。 该 方法 类 似 于 我 们 开发 的 sizeLegacy 方法 ,但 这 里 不 是 计算 属性 个 数 ， 而 是 在 一 个 
数组 里 做 加 法 。 





7.2.6 使 用 set 类 
现在 数据 结构 已 经 完成 了 ， 看 看 如 何 使 用 它 吧 。 试 着 执行 一 些 命 令 ， 测 试 我 们 的 set 类 。 


~ 


7.3 集合 运算 123 





const Set = new Set(); 

set.add(1); 

console.log(set.values()); // 输出 [1] 
console.log(set.has(1)); // 输出 true 
console.log(set.size()); // 输出 1 
set.add (2); 

console.log(set.values()); // 输出 [1，2] 
console.log(set.has(2)); // 输出 true 
console.log(set.size()); // 输出 2 


set.delete(1); 
console.log(set.values()); // 输出 [2] 


set.delete(2); 
console.log(set.values()); // 输出 [] 











现在 我 们 有 了 一 个 和 ECMAScript 2015 中 非常 类 似 的 set 类 实现 。 




















集合 是 数学 中 基础 的 概念 , 在 计算 机 领域 也 非常 重要 。 它 在 计算 机 科学 中 的 主要 应 用 之 一 是 
数据 库 ， 而 数据 库 是 大 多 数 应 用 程序 的 根基 。 集 合 被 用 于 查询 的 设计 和 处 理 。 当 我 们 创建 一 条 从 
关系 型 数据 库 ( Oracle 、Microsoft SQL Server 、MySQL 等 ) 中 获取 一 个 数据 集合 的 查询 语句 时 ， 
使 用 的 就 是 集合 运算 ， 并且 数据 库 也 会 返回 一 个 数据 集合 。 当 我 们 创建 一 条 SQL 查询 命令 时 ， 
可 以 指定 是 从 表 中 获取 全 部 数据 还 是 获取 其 中 的 子 集 ; 也 可 以 获取 两 张 表 共 有 的 数据 、 只 存在 于 
一 张 表 中 的 数据 (不 存在 于 另 一 张 表 中 )， 或 是 存在 于 两 张 表 内 的 数据 ( 通过 其 他 运算 )。 这 些 
SQL 领域 的 运算 叫 作 联接 ， 而 SQL 联接 的 基础 就 是 集合 运算 。 


















































0 想 学 习 更 多 有 关 SQL 联接 运算 的 知识 , 请 阅读 http://www.sql-join.com/sql-join-types。 
我 们 可 以 对 集合 进行 如 下 运算 。 


口 并 集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 两 个 集合 中 所 有 元 素 的 新 集合 。 

口 交集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 两 个 集合 中 共有 元 素 的 新 集合 。 

口 差 集 : 对 于 给 定 的 两 个 集合 ， 返 回 一 个 包含 所 有 存在 于 第 一 个 集合 且 不 存在 于 第 二 个 集 
合 的 元 素 的 新 集合 。 

口子 集 : 验证 一 个 给 定 集 合 是 否 是 男 一 集合 的 子 集 。 


7.3.1 并 集 
本 节 介 绍 并 集 的 数学 概念 。 集 合 4 和 集合 B 的 并 集 表示 如 下 。 
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该 集合 定义 如 下 。 


AUB={xX|xEAvxEDB} 





意思 是 x (元 素 ) 存在 于 4 中 , 或 x 存在 于 BB 中。 下 图 展示 了 并 集运 算 。 
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现在 来 实现 set 类 的 union 方法 。 


union(otherSet) { 


const unionSet = new Set(); // {1} 
this.values().forEach(value => unionSet.add(value)); // {2} 
otherSet .values() .forEach(value => unionSet.add(value)); // {3} 


return unionSset; 


} 





首先 需要 创建 一 个 新 的 集合 ,代表 两 个 集合 的 并 集 ( 行 {1} )。 接 下 来 , 获取 第 一 个 集合 ( 当 
前 的 set 类 实例 ) 所 有 的 值 (values )， 迭 代 并 全 部 添加 到 代表 并 集 的 集合 中 ( 行 {2} )。 然 后 
对 第 二 个 集合 做 同样 的 事 ( 行 {3} )。 最 后 返回 结果 。 











既然 我 们 创建 的 values 方法 返回 一 个 数组 , 可 以 使 用 Array 类 的 forEach 方 
法 来 迭代 数组 的 所 有 元 素 。 需 要 提醒 的 是 forEach 方法 是 ECMAScript 2015 中 
引入 的 。forEach 方法 接收 一 个 表示 数组 每 个 元 素 值 的 参数 ( value )， 同 时 有 

0 一 个 执行 可 编辑 逻辑 的 回调 函数 。 在 之 前 的 代码 中 , 我 们 也 使 用 了 箭头 函数 ( => ) 
来 代替 显 式 声明 function(value) { unionSet.add(value) }。 使 用 我 们 
在 第 2 章 学 到 的 ES2015 的 功能 会 使 代码 看 起 来 更 现代 、 更 简明 。 

也 可 以 把 union 方法 写成 下 面 这 样 ,不 使 用 forEach 方法 和 箭头 也 数 , 但 是 只 要 可 以 , 我 
们 就 应 该 试 着 使 用 ES2015 以 上 版 本 的 功能 。 


union(otherSet) { 
const unionSet = new Set(); // {1} 




















let values this.values(); // {2} 
for (let i 0; i < values.length; i++)f{ 
unionSet.add(values [i]); 


’ 


values = otherSet.values(); // {3} 
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for (let i = 0; i < values.length; i++){ 
unionSet.add(values{[i]); 


} 


return unionSset; 


}; 


测试 一 下 上 面 的 代码 。 


const setA = new Set () ; 
setA.add(1); 
setA.add (2); 
setA.add (3); 


const setB = new Set(); 
setB.add (3); 

setB.add(4 
setB.add (5); 
setB.add(6 





const unionAB = setA.union (setB); 
console.log (unionAB.values ()); 











输出 为 [1，2，3，4，5，6]。 注 意 元 素 3 同时 存在 于 setA 和 setB 中 ， 它 在 结果 
只 出 现 一 次 。 


注 


合 中 


重要 的 是 要 注意 ， 本 章 实 现 的 union、intersection 和 difference 方法 不 会 
修改 当前 的 Set 类 实例 或 是 作为 参数 传 入 的 otherSet。 没 有 副作用 的 方法 和 函 

人 数 被 称 为 纯 函 数 。 纯 函数 不 会 修改 当前 的 实例 或 参数 ， 只 会 生成 一 个 新 的 结果 。 
这 在 函数 式 编程 中 是 非常 重要 的 概念 ， 本 书后 面 的 内 容 中 会 介绍 。 





7.3.2 ”交集 
本 节 介 绍 交集 的 数学 概念 。 集 合 4 和 集合 B 的 交集 表示 如 下 。 


ANMB 





该 集合 定义 如 下 。 
ANB= {x|xEA^ 人 xEDB} 


意思 是 x (元 素 ) 存在 于 4 中 ， 且 x 存在 于 B 中 。 下 图 展示 了 交集 运算 。 
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现在 来 实现 set 类 的 intersection 方法 。 


1 


} 


in 


的 元 素 


tersection (otherSet) { 
const intersectionSet = new Set(); // {1} 


const values = this.values(); 
for (let i = 0; i < values.length; i++) { // {2} 
if (otherSet.has(values[i])) { // {3} 
intersectionSet.add(values[i]); // {4} 
} 
} 


return intersectionSet; 


tersection 方法 需要 找到 当前 set 实例 中 所 有 也 存在 于 给 定 set 实例 (otherset ) 中 
。 首 先 创建 一 个 新 的 set 实例 ( 行 {1} )， 这样 就 能 用 它 返 回 共 有 的 元 素 。 接 下 来 ， 迭 代 

















当前 set 实例 所 有 的 值 ( 行 {2} )， 验 证 它们 是 否 也 存在 于 otherset 实例 之 中 ( 行 {3} )。 可 以 
用 本 章 前 面 实现 的 has 方法 来 验证 元 素 是 否 存 在 于 set 实例 中 。 然 后 ， 如 果 这 个 值 也 存在 于 另 
一 个 set 实例 中 ， 就 将 其 添加 到 创建 的 intersectionset 变量 中 ( 行 {4} )， 最 后 返回 它 。 


























我 们 做 些 测试 。 

const setA = new Set(); 

setA.add (1); 

setA.add (2); 

setA.add (3); 

const setB = new Set(); 

setB.add (2); 

setB.add (3); 

setB.add (4); 

const intersectionAB = setA.intersection(setB); 
console.log(intersectionAB.values ()); 
输出 为 [2，31， 因 为 2 和 3 同时 存在 于 两 个 集合 中 。 
改进 交集 方法 

假设 我 们 有 下 面 两 个 集合 : 

口 setA 的 值 为 [1，2，3，4，5，6，7] 





口 


setB 的 值 为 [4，6] 


使 用 我 们 创建 的 intersection 方法 , 需要 迭代 七 次 seta 的 值 , 也 就 是 setA 中 元 素 的 个 
数 , 然后 还 要 将 这 七 个 值 和 setB 中 的 两 个 值 进行 比较 。 如 果 我 们 只 需要 迭代 两 次 setB 就 好 了 ， 


更 少 的 
所 示 。 





和 迭代 次 数 意 味 着 更 少 的 过 程 消耗 。 那 么 就 来 优化 代码 ,使 得 迭代 元 素 的 次 数 更 少 吧 , 如 下 
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intersection(otherSet) { 


const intersectionSet = new Set(); // {1} 
const values = this.values(); // {2} 
const otherValues = otherSet.values(); // {3} 


let biggerSet = values; // {4} 

let smallerSet = otherValues; // {5} 

if (otherValues.length - values.length > 0) { // {6} 
biggerSet = otherValues; 
smallerSet = values; 

} 

smallerSet.forEach(value => { // {7} 
if (biggerSet.includes(value)) { 

intersectionSet.add (value); 

} 

3 

return intersectionSet; 


} 


首先 创建 一 个 新 的 集合 来 存放 ijntersection 方法 的 返回 结果 ( 行 {1} )。 同 样 要 获取 当前 
集合 实例 中 的 值 ( 行 {(2} ) 并 将 其 作为 参数 传人 intersection 方法 ( 行 {3} )。 然 后 ,假设 当 
前 的 集合 元 素 较 多 ( 行 {4} ), 男 一 个 集合 元 素 较 少 ( 行 {5} )。 比较 两 个 集合 的 元 素 个 数 ( 行 {6} )， 
如 果 男 一 个 集合 元 素 个 数 多 于 当前 集合 的 话 , 我们 就 交换 piggerset 和 smallerset 的 值 。 最 
后 ， 和 迭代 较 小 集合 ( 行 {7} ) 来 计算 出 两 个 集合 的 共有 元 素 并 返回 。 





























7.3.3” 差 集 





本 节 介 绍 差 集 的 数学 概念 。 集 合 4 和 集合 B 的 差 集 表示 为 4-B， 定 义 如 下 。 


A-B={x|xeA^x¢B} 





意思 是 x (元 素 ) 存在 于 4 中 , 且 x 不 存在 于 B 中 。 下 图 展示 了 集合 4 和 集合 B 的 差 集运 算 。 





























现在 来 实现 set 类 的 difference 方法 。 


difference(otherSet) { 
const differenceSet = new Set(); // {1} 
this.values().forEach(value => { // {2} 
if (!otherSet.has(value)) { // {3} 
differenceSet.add(value); // {4} 
} 
a 
return differenceSet; 


} 
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intersection 方法 会 得 到 所 有 同时 存在 于 两 个 集合 中 的 元 素 。 而 difference 方法 会 得 


到 所 有 存在 于 集合 4 但 不 存在 于 集合 B 的 元 素 。 首 先 要 创建 结果 集合 ( 行 {1} )， 因 为 我 们 不 想 
修改 原来 的 集合 。 然 后 ， 要 迭代 集合 中 的 所 有 值 ( 行 12) ) 我 们 会 检查 当前 值 (元素 ) 是 否 存 
在 于 给 定 集合 中 〈 行 13} )， 如 果 不 存在 于 otherSset 中 ， 则 将 此 值 加 入 结果 集合 中 。 


(用 跟 intersection 部 分 相同 的 集合 ) 做 些 测试 。 


CoO 
Se 
号 总 
Se 











nst setA = new Set (); 
tA.add (1); 
tA.add (2); 
tA.add (3); 


const setB = new Set(); 


SS 
号 总 
Se 


tB.add (2); 
tB.add (3); 
tB.add (4); 





const differenceAB = setA.difference(setB); 
console.log(differenceAB.values ()); 


输 

















出 为 [1] ， 因 为 1 是 唯一 一 个 仅 存在 于 setA 的 元 素 。 如 果 我 们 执行 setB.difference 














(setA) ,会 得 到 [4] 作 为 输出 结果 ， 因 为 4 是 只 存在 于 setB 中 的 元 素 。 


7.3.4 


要 介绍 的 最 后 一 个 集合 运算 是 子 集 。 其 数学 概念 的 一 个 例子 是 集合 4 是 集合 B 的 子 集 ( 或 集 





我 们 不 能 像 优化 intersection 方法 一 样 优化 difference 方法 ， 因 为 setA 
与 setB 之 间 的 差 集 可 能 和 setB 与 setA 之 间 的 差 集 不 同 。 


子 集 


















































合 B 包 含 集合 4 )， 表 示 如 下 。 


4S 呈 


该 集合 定义 如 下 。 


frlvxze4 一 YeB 



































意思 是 集合 4 中 的 每 一 个 x (元素 )， 也 需要 存在 于 集合 B 中 。 下 图 展示 了 集合 4 是 集合 B 








的 子 集 。 
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现在 来 实现 set 类 的 issubsetof 方法 。 


isSubsetOf (otherSet) { 
if (this.size() > otherSet.size()) { // {1} 
return false; 
} 
let isSubset = true; // {2} 
this.values().every (value => { // {3} 
if (!otherSet.has(value)) { // {4} 
isSubset = false; // {5} 
return false; 
} 
return true; // {6} 
sy 
return isSubset; // {7} 


} 


首先 需要 验证 的 是 当前 set 实例 的 大 小 。 如 果 当 前 实例 中 的 元 素 比 otherset 实例 更 多 ， 
它 就 不 是 一 个 子 集 ( 行 {1} )。 子 集 的 元 素 个 数 需 要 小 于 或 等 于 要 比较 的 集合 。 


接 下 来 ,假定 当前 实例 是 给 定 集 合 的 子 集 ( 行 {2} )。 我 们 要 迭代 当前 集合 的 所 有 元 素 ( 行 
{3} ), 验证 这 些 元 素 也 存在 于 otherset 中 ( 行 {4} )。 如果 有 任何 元 素 不 存在 于 otherset 中 ， 
玩意 味 着 它 不 是 一 个 子 集 , 返回 false ( 行 {5} )。 如 果 所 有 元 素 都 存在 于 otherset 中 , 行 {5} 
光 不 会 被 执行 ， 那 么 就 返回 true ( 行 {6} )，issubset 标识 不 会 改变 ( 行 {7} )。 


在 1sSubsetof 方法 中 ,我 们 不 会 像 在 并 集 、 交 集 和 差 集中 一 样 使 用 forEach 方法 。 我 们 
会 用 every 方法 代替 ， 它 也 是 ES2015 中 的 数组 方法 。 第 3 章 我 们 学 习 了 forEach 方法 会 在 数 
组 中 的 每 个 值 上 调用 。 在 子 集 逻辑 中 ， 当 我 们 发 现 一 个 值 不 存在 于 otherset 中 时 ,可 以 停止 迭 
代 值 ， 表 示 这 不 是 一 个 子 集 。 只 要 回调 函数 返回 true，every 方法 就 会 被 调用 ( 行 {6} )。 如 果 
回调 函数 返回 false， 循 环 会 停止 ， 这 就 是 为 什么 我 们 要 在 行 15} 改 变 issubset 标识 的 值 。 

检验 一 下 上 面 的 代码 效果 如 何 。 

const setA = new Set(); 


setA.add (1); 
setA.add (2); 
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const setB = new Set(); 
setB.add (1); 
setB.add (2); 
setB.add (3); 


const setC = new Set(); 
setC.add (2); 
setC.add (3); 
setC.add (4); 





console.log(setA.isSubsetoOf (setB)); 
console.log(setA.isSubsetOof (setC)); 
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我 们 有 三 个 集合 : setA 是 setB 的 子 集 ( 因此 输出 为 true )s 然而 setA 不 是 SetC 的 子 集 
(setc 只 包含 了 setA 中 的 2， 而 不 包含 1 )， 因 此 输出 为 false。 


Set 类 





7.4 ECMAScript 2015 


ECMAScript 2015 新 增 了 set 类 作为 JavaScript API 的 一 部 分 。 我 们 可 以 基于 ES2015 的 set 
开发 我 们 的 set 类 。 


关于 ECMAScript2015 中 Set 类 的 实现 细节 ， 请 查阅 https://developer.mozilla.org/ 
zh-CN/docs/Web/JavaScript/Reference/Global Objects/Set。 
我 们 先 看 看 原生 的 set 类 怎么 用 。 


还 是 用 我 们 原来 测试 set 类 的 例子 : 





7 





const set = new Set(); 

set.add(1); 

console.log(set.values()); // 输出 @Iterator 
console.log(set.has(1)); // 输出 true 


console.log(set.size); // 输出 1 


和 原来 的 Set 不同 ，ES2015 的 set 的 values 方法 返回 Iterator (第 3 章 提 到 过 ), 而 不 
是 值 构成 的 数组 。 另 一 个 区 别 是 , 我 们 实现 的 size 方法 返回 set 中 存储 的 值 的 个 数 , 而 ES2015 
的 set 则 有 一 个 size 属性 。 

我 们 可 以 用 aelete 方法 删除 set 中 的 元 素 。 


set.delete(1); 























clear 方法 会 重 置 set 数据 结构 ， 这 跟 我 们 实现 的 功能 一 样 。 





ES2015 set 类 的 运算 























我 们 的 set 类 实现 了 并 集 、 交 集 、 差 集 、 子 集 等 数学 运算 , 然而 ES2015 原生 的 set 并 没有 
这 些 功能 。 不 过 ， 有 需要 的 话 ， 我 们 也 可 以 模拟 。 


我 们 的 例子 会 用 到 下 面 两 个 集合 。 


const setA = new Set () ; 
setA.add(1); 
setA.add (2); 
setA.add (3); 

















const setB = new Set(); 
setB.add (2); 
setB.add (3); 
setB.add(4); 





7.4 ECMAScript 2015 一 一 Set 类 131 





1. 模拟 并 集运 算 
我 们 可 以 创建 一 个 函数 ， 来 返回 包含 setA 和 setB 中 所 有 的 元 素 的 新 集合 。 和 迭代 这 两 个 集 
合 ， 把 所 有 元 素 都 添加 到 并 集 的 集合 中 。 代 码 如 下 。 


const union = (setA, setB) => { 
const unionAb = new Set(); 
setA.forEach(value => unionAb.add(value)); 
setB.forEach(value => unionAb.add(value)); 
return unionAp; 

ji 

console.log(union(setA，setB)); // 输出 [1，2，3，4] 


Mir 




















2. 模拟 交集 运算 
模拟 交集 运算 需要 创建 一 个 辅助 函数 ， 来 生成 包含 setA 和 setB 共有 元 素 的 新 集合 。 代 码 
如 下 。 


const intersection = (setA, setB) => { 
const intersectionSet = new Set(); 


setA.forEach(value => { 
if (setB.has(value)) { 


intersectionSet.add (value); 
} 


je 


return intersectionsSet; 
}; 
console.log(intersection(setA，setB)); // 输出 [2，3] 


这 和 intersection 函数 的 效果 完全 一 样 ,但 是 上 面 的 代码 没有 被 优化 (我们 开发 的 是 经 
过 优化 的 版 本 )。 


3. 模拟 差 集运 算 
交集 运算 创建 的 集合 包含 setA 和 setB 都 有 的 元 素 ， 差 集运 算 创建 的 集合 则 包含 setA 有 
而 setB 没有 的 元 素 。 看 下 面 的 代码 。 


const difference = (setA, setB) => { 
const differenceSet = new Set(); 
setA.forEach(value => { 
if (!setB.has(value)) { // {1} 
differenceSet .add(value); 
} 
}); 
return differenceSet; 
je 


console.log(difference(setA, setB)); 


intersection 国 数 和 difference 也 数 除 函 数 名 外 只 有 行 {1} 不 同 ， 因 为 差 
setA 有 而 setB 没有 的 元 素 。 
































ly 











被 
三 
六 
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4. 使 用 扩展 运算 符 


有 一 种 计算 并 集 、 交 集 和 差 集 的 简便 方法 ， 就 是 使 用 扩展 运算 符 ， 它 包含 在 ES2015 中 ， 我 
们 在 第 2 章 中 学 到 过 。 


整个 过 程 包含 三 个 步骤 : 


(1) 将 集合 转化 为 数组 ; 

(2) 执行 需要 的 运算 ; 

(3) 将 结果 转化 回 集合 。 

我 们 来 看 看 怎样 用 扩展 运算 符 进 行 并 集 的 计算 。 
console.log(new Set([...setA, ...setB])); 


ES2015 的 Set 类 支持 向 构造 函数 传人 一 个 数组 来 初始 化 集合 的 运算 ， 那么 我 们 对 seta 使 
用 扩展 运算 符 〈 . . .setA ) 会 将 它 的 值 转化 为 一 个 数组 ( 展开 它 的 值 )， 然 后 对 setB 也 这 样 做 。 


由 于 setz 的 值 为 [1，2，3] ，setB 的 值 为 [2，3，4] ， 上 述 代码 和 new Set([1，2，3， 
2，3，4]) 是 一 样 的 ， 但 集合 中 每 种 值 只 会 有 一 个 。 


现在 ， 我 们 来 看 看 怎样 用 扩展 运算 符 进 行 交 集 的 运算 。 
console.log(new Set([...setA]l.filter(X => setB.has (x)))); 


上 面 的 代码 同样 将 seta 转化 为 了 一 个 数组 , 并 使 用 了 filter 方法 , 它 会 返回 一 个 新 数组 ， 
包含 能 通过 回调 函数 检测 的 值 一 一 在 本 示例 中 验证 了 元 素 是 否 也 存在 于 setB 中 。 返回 的 数组 会 
用 来 初始 化 结果 集合 。 


最 后 ， 我 们 来 看 看 怎样 用 扩展 运算 符 完成 差 集 的 运算 。 


console.log(new Set([...setA] .filter(x => !setB.has (x)))); 
代码 和 求 交集 的 运算 很 相似 ， 不 同 之 处 在 于 我 们 需要 的 是 不 存在 于 setB 中 的 元 素 。 
你 可 以 使 用 你 喜欢 的 方法 来 执行 原生 ES2015 的 set 类 的 集合 运算 ! 

































































7.5 ”多 重 集 或 代 


我 们 已 经 学 习 过 , 集合 数据 结构 不 允许 存在 重复 的 元 素 。 但 是 ,在 数学 中 ， 有 一 个 叫 作 多 重 
集 的 概念 ， 它 允许 我 们 向 集合 中 插入 之 前 已 经 添加 过 的 元 素 。 多 重 集 ( 或 袋 ) 在 计算 集合 中 元 素 
的 出 现 次 数 时 很 有 用 。 它 也 在 数据 库 系统 中 得 到 了 广泛 运用 。 
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我 们 不 会 在 本 书 中 解释 袋 数 据 结 构 。 不 过 , 你 可 以 下 载 本 书 的 代码 包 来 查看 源 代 
码 ， 或 访问 https://github.com/loiane/javascript-datastructures-algorithms。 


7.6 小 结 


本 章 介 绍 了 如 何 从 头 实现 一 个 与 ECMAScript 2015 中 所 定义 的 set 类 类 似 的 set 类 ， 还 介 
绍 了 在 其 他 编程 语言 的 集合 数据 结构 实现 中 不 常见 的 一 些 方法 ， 比 如 并 集 、 交 集 、 差 集 和 子 集 。 
因此 ， 相 比 于 其 他 编程 语言 目前 的 set 实现 ， 我 们 实现 了 一 个 非常 完备 的 set 类 。 


下 一 章 ， 我 们 将 介绍 散 列 表 和 字典 这 两 种 非 顺序 数据 结构 。 














典 和 散 列 表 


4 











上 一 章 ， 我 们 学 习 了 和 集合。 本章 会 继续 学 习 使 用 字典 和 和 散 列表 来 存储 唯一 值 ( 不 重复 的 值 ) 
的 数据 结构 。 


在 集合 中 ,我 们 感 兴趣 的 是 每 个 值 本 身 ， 并 把 它 当 作 主 要 元 素 。 在 字典 (或 映射 ) 中 , 我们 
用 [ 键 ， 值 ] 对 的 形式 来 存储 数据 。 在 散 列表 中 也 是 一 样 ( 也 是 以 [ 键 , 值 ] 对 的 形式 来 存储 数据 )。 
但 是 两 种 数据 结构 的 实现 方式 略 有 不 同 ， 例 如 字典 中 的 每 个 键 只 能 有 一 个 值 ， 本 章 中 将 会 介绍 。 


本 章 内 容 包括 : 
口 字典 数据 结构 
口 散 列 表 数 据 结构 


口 处 理 散 列表 中 的 冲突 
口 ECMAScript 2015 中 的 Map 、WeakMap 和 WeakSet 类 





























8.1 字典 


你 已 经 知道 ， 集 合 表示 一 组 互 不 相同 的 元 素 〈 不 重复 的 元 素 ) 在 字典 中 ,存储 的 是 [ 键 , 值 ] 
对 ， 其 中 键 名 是 用 来 查询 特定 元 素 的 。 字 典 和 集合 很 相似 ， 集 合 以 [ 值 ， 值 ] 的 形式 存储 元 素 ， 字 
典 则 是 以 [ 键 ， 值 ] 的 形式 来 存储 元 素 。 字 典 也 称 作 映射 、 符 号 表 或 关联 数组 。 

在 计算 机 科学 中 ， 字 典 经 常用 来 保存 对 象 的 引用 地 址 。 例 如 ， 打 开 Chrome | 开发 者 工具 中 
的 Memory 标签 页 ， 执 行 快 照 功 能 ,我 们 就 能 看 到 内 存 中 的 一 些 对 象 和 它们 对 应 的 地 址 引用 (用 
@< 数 > 表示 )。 下 面 是 该 场景 的 截图 。 







































































[x 串 Elements Console Sources Network Performance Memory Application Security Audits "4 
@©@ ©O 言 Summary ™ Class fiter All objects v 
Profiles Constructor Distance | Objects Count | Shallow Size | Retained Size 
p13 :: [] @182773 6 3096 0% 12120 0% 
HEAP SNAPSHOTS pmap :: System / Map @847 5 88 0% 88 0% 
于 Snapshotd Save pname :: "http://127.0.0.1:8887/Pack 6 40 0%| 40 0% 
-一 Psource :: "1function(e, t){"object"- 6 40 0% 40 0% 
Line_ends :: (script line ends)[] 《 6 24 0% 24 0% 
D46 24 2 梧 7 3 24 0% 24 0% 
7 :: System @182771 6 24 0% 24 0% 
Retainers = 
Object Dista... | Shallow Size Retained Size 
| vget HashTableLinearProbingLazy in @167693 | 2 24 0% 4488 0% 
vPacktDataSstructuresAlgorithms in Window / 127.| 1 64 0% 193952 4% 
vextension in system / NativeContext @163829 沁 2240 0% 117 928 3% 
native_context in Window / 127.0.0.1:8887 1 64 0% 193952 4% 
Pcontext in Array() @189499 2 72 0% 616 0% 
pcontext in Boolean() @192427 2 72 0% 808 0% 
Pcontext in Date() G@190901 2 六 0% 5344 0% 
pcontext in Errorf) @189897 2 72 0% 576 0% 




















本 章 , 我 们 会 介绍 在 现实 问题 中 使 用 字典 数据 结构 的 例子 : 一 个 实际 的 字典 ( 单词 和 它们 的 
释义 ) 以 及 一 个 地 址 短 。 


8.1.1 创建 字典 类 8 


与 Set 类 相似 ，ECMAScript 2015 同样 包含 了 一 个 Map 类 的 实现 ， 即 我 们 所 说 的 字典 。 


本 章 将 要 实现 的 类 就 是 以 ECMAScript 2015 中 Map 类 的 实现 为 基础 的 。 你 会 发 现 它 和 set 
类 很 相似 ， 但 不 同 于 存储 [ 值 ， 值 ] 对 的 形式 ， 我 们 将 要 存储 的 是 [ 键 ， 值 ] 对 。 


以 下 是 我 们 的 Dictionary 类 的 骨架 。 


import { defaultToString } from '../util'; 














export default class Dictionary { 
constructor(toStrFn = defaultToString) { 
this. tosteen se COStrphs YA {1 
this.table = {}; // {2} 


} 


与 Set 类 类 似 ， 我们 将 在 一 个 object 的 实例 而 不 是 数组 中 存储 字典 中 的 元 素 (table 属 
生 一 一 行 {2} )。 我 们 会 将 [ 键 ， 值 ] 对 保存 为 table[key] = {key, value}。 




















i 





JavaScript 允许 我 们 使 用 方 括号 ([] ) 获取 对 象 的 属性 ， 将 属性 名 作为 “位 置 ” 
0 传 入 即 可 。 这 也 是 称 它 为 关联 数组 的 原因 ! 我 们 在 第 4 章 、 第 5 章 以 及 第 7 章 就 
已 经 使 用 过 字典 了 。 
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在 字典 中 , 理想 的 情况 是 用 字符 串 作为 键 名 , 值 可 以 是 任何 类 型 (从 数 、 字 符 串 等 原始 类 型 ， 
到 复杂 的 对 象 )。 但 是 , 由 于 JavaScript 不 是 强 类 型 的 语言 ,我 们 不 能 保证 键 一 定 是 字符 串 。 我 们 
需要 把 所 有 作为 键 名 传人 的 对 象 转化 为 字符 串 ， 使 得 从 Dictionary 类 中 搜索 和 获取 值 更 简单 
(同样 的 逻辑 也 可 以 应 用 在 上 一 章 的 set 类 上 )。 要 实现 此 功能 ， 我 们 需要 一 个 将 key 转化 为 字 
符 串 的 函数 〈 行 1L} )。 默 认 情况 下 ， 我 们 会 使 用 在 utils.js 文件 中 定义 的 sefaultToString 天 
数 (可 以 在 所 创建 的 任何 数据 结构 中 复 用 该 文件 中 的 函数 )。 






































由 于 我 们 使 用 了 ES2015 的 默认 参数 功能 ,toStrFn 是 一 个 可 选 的 参数 。 如果 需 
要 的 话 ， 我 们 也 可 以 传 入 自 定义 的 函数 来 指定 如 何 将 key 转化 为 字符 串 。 


defaultToString 国 数 声明 如 下 。 


export function defaultToString(item) { 


if (item === null) { 
return 'NULL'; 
} else if (item === undefined) { 
return 'UNDEFINED'; 
} else if (typeof item === 'string' || item instanceof String) { 


return ‘$s{item}.; 
} 
return item.toSstring(); // {1} 
} 


请 注意 ， 如 果 item 变量 是 一 个 对 象 的 话 ， 它 需 要 实现 toString 方法 ， 否则 会 
导致 出 现 异常 的 输出 结果 ， 如 [object Object]。 这 对 用 户 是 不 友好 的 。 


如 果 键 ( item ) 是 一 个 字符 串 , 那么 我 们 直接 返回 它 , 否则 要 调用 item 的 tostring 方法 。 
然后 ， 我 们 需要 声明 一 些 映射 /字典 所 能 使 用 的 方法 。 


口 set (key, value) : 向 字典 中 添加 新 元 素 。 如 果 key 已 经 存在 ,那么 已 存在 的 value 会 
被 新 的 值 覆 盖 。 

口 remove (key) : 通过 使 用 键 值 作为 参数 来 从 字典 中 移 除 键 值 对 应 的 数据 值 。 

口 nasKey (key) : 如 果 某 个 键 值 存在 于 该 字典 中 ,返回 true， 和 否则 返回 false。 

D get (key) : 通过 以 键 值 作为 参数 查找 特定 的 数值 并 返回 。 

D clear(): 删除 该 字典 中 的 所 有 值 。 

D size(): 返回 字典 所 包含 值 的 数量 。 与 数组 的 length 属性 类 似 。 

口 ijsEmpty () : 在 size 等 于 零 的 时 候 返 回 true， 和 否则 返回 false。 

口 keys () : 将 字典 所 包含 的 所 有 键 名 以 数组 形式 返回 。 

口 values () : 将 字典 所 包含 的 所 有 数值 以 数组 形式 返回 。 

口 keyvalues () : 将 字典 中 所 有 [ 键 ， 值 ] 对 返回 。 

口 forEach (callbackFn): 迭代 字典 中 所 有 的 键 值 对 。callpbackrn 有 两 个 参数 : key 和 
value。 该 方法 可 以 在 回调 函数 返回 false 时 被 中 止 (和 Array 类 中 的 every 方法 相似 )。 















































1. 检测 一 个 键 是 否 存在 于 字典 中 


我 们 首先 来 实现 hasKey (key) 方 法 。 之 所 以 要 先 实现 这 个 方法 ， 是 因为 它 会 被 set 和 
remove 等 其 他 方法 调用 。 我 们 可 以 通过 如 下 代码 来 实现 。 
hasKey (key) { 


return this.table[this.toStrEn(key)] != null; 
} 


JavaScript 只 允许 我 们 使 用 字符 串 作 为 对 象 的 键 名 或 属性 名 。 如 果 传 人 一 个 复杂 对 象 作 为 键 ， 
需要 将 它 转化 为 一 个 字符 串 。 因 此 我 们 需要 调用 tostrFn 也 数 。 如 果 已 经 存在 一 个 给 定 键 名 的 
键 值 对 ( 表 中 的 位 置 不 是 null 或 undefined )， 那 么 返回 true， 否 则 返回 false。 
































2. 在 字典 和 ValuePair 类 中 设置 键 和 值 


下 面 ， 我 们 来 实现 set 方法 ， 代 码 如 下 。 


Set (key, value) { 


if (key != null && value != null) { 
const tableKey = this.toSstrFn(key); // {1} 
this.table[tableKey] = new ValuePair (key, value); // {2} 


return true; 
} 
return false; 


} 


该 方法 接收 key 和 value 作为 参数 。 如 果 key 和 value 不 是 undefined 或 null1， 那 么 
我 们 获取 表示 key 的 字符 串 ( 行 {1} ), 创建 一 个 新 的 键 值 对 并 将 其 赋值 给 table 对 象 上 的 key 
属性 (tableKey )( 行 {2} )。 如 果 key 和 value 是 合法 的 ， 我 们 返回 true， 表 示 字 典 可 以 将 
key 和 value 保存 下 来 ， 否 则 返回 false。 


该 方法 可 以 用 于 添加 新 的 值 ， 或 是 更 新 已 有 的 值 。 


在 行 {2}， 我 们 实例 化 了 valuePair 类 。valuePair 类 的 定义 如 下 。 


class ValuepPair { 
constructor(key, value) { 
this.key = key; 
this.value = value; 
} 
toString() { 
return \[#s$s{this.key}: S${this.value}].; 
} 
} 


为 了 在 字典 中 保存 value， 我 们 将 key 转化 为 了 字符 串 ， 而 为 了 保存 信息 的 需要 ， 我 们 同 
样 要 保存 原始 的 key。 因 此 ， 我 们 不 是 只 将 value 保存 在 字典 中 ， 而 是 要 保存 两 个 值 : 原始 的 
key 和 value。 为 了 字典 能 更 简单 地 通过 tostring 方法 输出 结果 ， 我 们 同样 要 为 valuePair 
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类 创建 toString 方法 。 
3. 从 字典 中 移 除 一 个 值 


接 下 来 , 我 们 实现 remove 方法 。 它 和 set 类 中 的 delete 方法 很 相似 , 唯一 的 不 同 在 于 我 
们 将 先 搜索 key ( 而 不 是 value )。 


remove (key) { 
if (this.hasKkey (key)) { 
delete this.table[this.toStrrn(key)]; 
return true; 
} 
return false; 


} 


然后 ， 可 以 使 用 JavaScript 的 aelete 运算 符 来 从 items 对 象 中 移 除 key 属性 。 如 果 能 够 
将 value 从 字典 中 移 除 的 话 ， 就 返回 true， 否 则 将 会 返回 false。 


4. 从 字典 中 检索 一 个 值 
如 果 我 们 想 在 字典 中 查找 一 个 特定 的 key， 并 检索 它 的 value， 可 以 使 用 下 面 的 方法 。 























get (key) { 
const ValuePair = this.table[this.toSstrFn(key)]; // {1} 
return valuePair == null ? undefined : valuePair.value; // {2} 


} 


get 方法 首先 会 检索 存储 在 给 定 key 属性 中 的 对 象 ( 行 {1} )。 如 果 valuePair 对 象 存在 ， 
将 返回 该 值 ， 否 则 将 返回 一 个 ungefined 值 ( 行 {2} )。 


该 方法 的 另 一 个 实现 是 先 验证 我 们 要 获取 的 value 是 否 存在 ( 通过 搜索 它 的 key )， 如 果 存 
在 ， 我 们 就 在 table 对 象 中 找到 它 并 返回 。 第 二 种 实现 的 方式 如 下 所 示 。 
get (key) { 
if (this.hasKkey (key)) { 
return this.table[this.toSstrFn(key)]; 
} 


return undefined; 


} 


但 是 ， 在 第 二 种 方式 中 ， 我 们 会 获取 两 次 key 的 字符 串 以 及 访问 两 次 table 对 象 : 第 一 次 
是 在 hasKey 方法 中 ,第 二 次 是 在 if 语句 内 。 这 是 个 小 细节 ， 不 过 第 一 种 方式 的 消耗 更 少 。 






























































5. keys、values 和 valuePairs 方法 
我 们 已 经 给 Dictionary 类 创建 了 最 重要 的 方法 ， 现 在 来 创建 一 些 很 有 用 的 辅助 方法 。 


下 面 将 创建 valuePairs 方法 , 它 会 以 数组 形式 返回 字典 中 的 所 有 valuePair 对 象 。 代 码 
如 下 。 








KeyValues () { 
return Object.values (this.table); 


} 


代码 很 简单 。 我 们 执行 了 JavaScript 的 object 类 内 置 的 values 方法 ， 它 是 在 第 2 章 中 介 
绍 的 ECMAScript 2017 中 引入 的 。 





可 能 不 是 所 有 浏览 器 都 支持 object .values 方法 ， 我 们 也 可 以 用 下 面 的 代码 来 代替 。 


keyValues () { 

const ValuePairs = []; 

fo leonst; kK Ln thLs tabLe)y. Er // tL 
if (this.hasKey (k)) { 

valuePairs.push(this.table[k]); // {2} 

} 

} 

return valuePairs; 


}; 

在 上 面 的 代码 中 ， 我 们 迭代 了 table 对 象 的 所 有 属性 ( 行 {1} )。 为 了 保证 key 是 存在 的 ， 
我 们 会 使 用 hasKey 郑 数 来 进行 检验 , 然后 将 table 对 象 中 的 valuePair 加 入 结果 数组 ( 行 {2} )。 
在 该 方法 里 , 由 于 我 们 已 经 直接 从 table 对 象 中 获取 了 属性 ( key ), 不 需要 用 tostrFn 函数 将 
它 转化 为 字符 串 。 
































我 们 不 能 仅 使 用 for-in 语句 来 迭代 table 对 象 的 所 有 属性 ， 还 需要 使 用 
hasKey 方法 (验证 table 对 象 是 否 包含 某 个 属性 )， 因 为 对 象 的 原型 也 会 包含 

( 代 对 象 的 其 他 属性 (JavaScript 基本 的 Object 类 中 的 属性 将 会 被 继承 ， 包 括 那 些 
在 当前 数据 结构 中 并 不 需要 的 属性 )。 


接 下 来 要 创建 的 是 keys 方法 。 该 方法 返回 Dictionary 类 中 用 于 识别 值 的 所 有 (原始 ) 键 
名 ， 如 下 所 示 。 
keys() { 


return this.keyValues() .map(valuePair => valuepPair.key); 


} 


我 们 将 会 调用 所 创建 的 keyValues 方法 来 返回 一 个 包含 valuePair 实例 的 数组 ， 然 后 迭 
代 每 个 valuePair。 由 于 我 们 只 对 valuePair 的 key 属性 感 兴趣 ， 就 只 返回 它 的 key。 


在 上 面 的 代码 中 , 我 们 使 用 了 Array 类 中 的 map 方法 来 迭代 每 个 valuePair。map 方法 可 
以 将 一 个 value 转化 为 其 他 值 。 在 本 例 中 , 我 们 将 每 个 valuePair 转化 为 了 它 的 key。 在 keys 
方法 中 使 用 的 逻辑 还 可 以 写成 下 面 这 样 。 

const keys = []; 

const valuePairs = this.keyValues(); 


for (let i = 0; i < valuePairs.length; i++) { 
keys.push(valuePairs[i].key); 
































return keys; 


map 方法 允许 我 们 执行 相同 的 逻辑 并 获得 和 上 面 代码 相同 的 结果 。 一 旦 我 们 熟悉 了 它 的 语 
法 ,阅读 代码 和 理解 它 的 行为 会 变 得 更 简单 。 








第 3 章 提 到 了 ES2015 (ES6 ) 引入 的 map 方法 。 本 书后 面 的 章节 会 学 习 到 函数 
式 编 程 范式 ， 我 们 创建 的 keys 方法 也 使 用 了 它 。 


和 keys 方法 相似 ， 我 们 还 有 一 个 values 方法 。values 方法 返回 一 个 字典 包含 的 所 有 值 
构成 的 数组 。 它 的 代码 和 keys 方法 很 相似 ， 只 不 过 不 同 于 返回 valuePair 类 的 key 属性， 我 
们 返回 的 是 value 属性 ， 如 下 所 示 。 

Values() { 


return this.keyValues() .map(valuePair => valuePair.value); 


} 
6. 用 forEach 和 迭代 字典 中 的 每 个 键 值 对 


到 目前 为 止 , 我 们 还 没有 创建 一 个 能 迭代 数据 结构 中 每 个 值 的 方法 。 下面, 我 们 给 Dictionary 
类 创建 一 个 forEach 方法 ， 也 可 以 在 之 前 学 过 的 数据 结构 中 使 用 与 它 相同 的 逻辑 。 


forEach 方法 如 下 所 示 。 


forEach (callbackFn) { 
const ValuePairs = this.keyValues(); // {1} 
for (let i = 0; i < valuePairs.length; i++) { // {2} 
const result = callbackFn(valuePairs[i].key, valuePairs[i] .value); // {3} 
if (result === false) { 
break; // {4} 
} 
} 
} 


首先 ， 我 们 获取 字典 中 所 有 valuePair 构成 的 数组 ( 行 {1} )。 然 后 ,我 们 迭代 每 个 
valuepPair ( 行 {2} ) 并 执行 以 参数 形式 传人 forEach 方法 的 callbackFn 函数 ( 行 {3} ), 保 
存 它 的 结果 。 如 果 回 调 函 数 返 回 了 false， 我们 会 中 断 forEach 方法 的 执行 ( 行 {4} ), 打 断 正 
在 迭代 valuePairs 的 for 循环 。 



































7. clear、size、isEmpty 和 和 toString 方法 


size 方法 返回 字典 中 的 值 的 个 数 。 我 们 可 以 用 object .keys 方法 来 获取 table 对 象 中 的 
所 有 键 名 ( 和 我 们 在 keyValues 方法 中 所 做 的 一 样 )。size 方法 的 代码 如 下 。 
size() { 


return Object .keys (this.table) .length; 
i 
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我 们 也 可 以 调用 keyvalues 方法 并 返回 它 所 返回 的 数组 长 度 ( return this.keyValues () . 
length )。 
































要 检验 字典 是 否 为 空 ， 我 们 可 以 获取 它 的 size 看 看 是 否 为 零 。 如 果 size 为 零 ， 表 示 字 上 典 
为 空 。isEmpty 方法 的 实现 就 使 用 了 这 种 逻辑 ， 如 下 所 示 。 


isEmpty() { 
Fetturn thigs .Size === 0 





要 清空 字典 内 容 ， 我 们 只 需要 将 一 个 新 对 象 赋值 给 table 即 可 。 


clear() { 
this.table = {}; 
} 


最 后 ， 可 以 像 下 面 这 样 创 建 tostring 方法 。 


toString() { 
if (this.isEmpty()) { 
return '"' 
} 


const ValuePairs = this.keyValues(); 


let objString = ‘S${valuePairs[0] .tostring()}.; // {1} 
for (let i = 1; i < valuePairs.length; i++) { 
objString = ‘S${objString},${valuepPairs[i] .toSstring()}.; // {2} 


} 
return objString; // {3} 





} 








在 tostring 方法 中 ， 如 果 字 上 典 为 空 ， 我 们 就 返回 一 个 空 字 符 串 ， 否 则 调用 valuePair 的 
toString 方法 来 将 它 的 第 一 个 valuePair 加 入 结果 字符 串 ( 行 {1} )。 然 后， 如 果 数 组 中 还 有 
值 ， 我 们 同样 将 其 加 入 结果 字符 串 ( 行 {2} )， 在 方法 未 尾 将 字符 串 返回 ( 行 {3} )。 














TT 


8.1.2 使 用 Dictionary 类 


要 使 用 Dictionary 类 ,首先 需要 创建 一 个 实例 ， 然 后 给 它 添加 三 条 电子 邮件 地 址 。 我 们 
将 会 使 用 这 个 aictionary 实例 来 实现 一 个 电子 邮件 地 址 短 。 


使 用 我 们 创建 的 类 来 执行 如 下 代码 。 


const dictionary = new Dictionary(); 








dictionary.set('Gandalf', 'gandalf@email.com'); 
dictionary.set('John', 'johnsnow@email.com'); 
dictionary.set('Tyrion', 'tyrion@email.com'); 





如 果 执 行 了 如 下 代码 ， 输 出 结果 将 会 是 true。 


console.log(dictionary.hasKey ('Gandalf')); 


142 第 8 章 字典 和 散 列 表 





下 面 的 代码 将 会 输出 3 ， 因 为 我 们 向 字典 实例 中 添加 了 三 个 元 素 。 


console.log(dictionary.size()); 


现在 ， 执 行 下 面 的 几 行 代码 。 


console.log(dictionary.keys()); 
console.log(dictionary.values ()); 
console.log(dictionary.get ('Tyrion')); 


输出 结果 分 别 如 下 所 示 。 


["Gandalf", "John", "Tyrion"] 
["gandalf@email.com", "johnsnow@email.com", "tyrion@email.com"] 
tyrion@email.com 


最 后 ， 再 执行 几 行 代码 。 
dictionary.remove('John'); 


再 执行 下 面 的 代码 。 


console.log(dictionary.keys()); 
console.log(dictionary.values ()); 
console.log(dictionary.keyValues ()); 


输出 结果 如 下 所 示 。 


["Gandalf", "Tyrion"] 

["gandalf@email.com", "tyrion@email.com"] 

[{key: "Gandalf", value: "gandalf@email.com"}, {key: "Tyrion", value: 
"tyrion@email .com"}] 


移 除 一 个 元 素 后 ， 现 在 的 aictionary 实例 只 包含 两 个 元 素 了 。 加 粗 的 一 行 表现 了 table 
对 象 的 内 部 结构 。 


要 调用 forEach 方法 ， 可 以 使 用 下 面 的 代码 。 


dictionary.forEach((k, v) => { 
console.log('forEach: ', ‘key: S${k}, value: S${v}.); 
和 这 


我 们 会 得 到 下 面 的 输出 结果 。 


forEach: key: Gandalf, value: gandalf@email.com 
forEach: key: Tyrion, value: tyrion@email.com 











8.2” 散 列表 


本 节 ， 你 将 会 学 到 HashTable 类 ， 也 叫 HashMap 类 ， 它 是 Dictionary 类 的 一 种 散 列 表 
实现 方式 。 
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散 列 算法 的 作用 是 尽 可 能 快 地 在 数据 结构 中 找到 一 个 值 。 在 之 前 的 章节 中 , 你 已 经 知道 如 果 
要 在 数据 结构 中 获得 一 个 值 (使 用 get 方法 )， 需 要 迭代 整个 数据 结构 来 找到 它 。 如 果 使 用 散 列 
函数 ， 就 知道 值 的 具体 位 置 ， 因 此 能 够 快速 检索 到 该 值 。 散 列 函数 的 作用 是 给 定 一 个 键 值 ， 然 后 
返回 值 在 表 中 的 地 址 。 


散 列 表 有 一 些 在 计算 机 科学 中 应 用 的 例子 。 因 为 它 是 字典 的 一 种 实现 , 所 以 可 以 用 作 关 联 数 
组 。 它 也 可 以 用 来 对 数据 库 进 行 索引 。 当 我 们 在 关系 型 数据 库 ( 如 MySQL 、 Microsoft SQL Server、 
Oracle， 等 等 ) 中 创建 一 个 新 的 表 时 ， 一 个 不 错 的 做 法 是 同时 创建 一 个 索引 来 更 快 地 查询 到 记录 
的 key。 在 这 种 情况 下 ， 散 列表 可 以 用 来 保存 键 和 对 表 中 记录 的 引用 。 另 一 个 很 常见 的 应 用 是 使 
用 散 列 表 来 表示 对 象 。JavaScript 语言 内 部 就 是 使 用 散 列 表 来 表示 每 个 对 象 。 此 时 ， 对 象 的 每 个 
属性 和 方法 ( 成员 ) 被 存储 为 key 对 象 类 型 ， 每 个 key 指向 对 应 的 对 象 成 员 。 


继续 以 前 一 节 中 使 用 的 电子 邮件 地 址 短 为 例 。 我 们 将 使 用 最 常见 的 散 列 函数 一 lose lose 
散 列 函数 ， 方 法 是 简单 地 将 每 个 键 值 中 的 每 个 字母 的 ASCII 值 相 加 ， 如 下 图 所 示 。 
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名 称 / 键 





散 列 函 数 散 列 值 散 列 表 


71+97+110+100+97+108+102 ， 加 3 





tyrionQ@email.com 


Gandalf 

Johnsnow@email.com 
John 74+111+104+110 | | 
Tyrion 84+121+114+105+111+110 最 全 72 于 计 和 


gandalfemail.com 











8.2.1 创建 散 列 表 


我 们 将 使 用 一 个 关联 数组 ( 对 象 ) 来 表示 我 们 的 数据 结构 ， 和 我 们 在 Dictionary 类 中 所 
做 的 一 样 。 


和 之 前 一 样 ， 我 们 从 搭建 类 的 骨架 开始 。 


class HashTable { 
constructor(toStrFn = defaultToString) { 
this.toSstrFn = toStrFn; 
this.table = {}; 
} 
} 
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然后 ， 给 类 添加 一 些 方法 。 我 们 给 每 个 类 实现 三 个 基本 方法 。 


口 put (key,value) : 问 散 列表 增加 一 个 新 的 项 ( 也 能 更 新 散 列 表 )。 
D remove (key) 根据 刍 信 从 散 列 表 中 移 除 值 。 
D get (key) 返回 根据 键 值 检索 到 的 特定 的 值 。 


1. 创建 散 列 函数 
在 实现 这 三 个 方法 之 前 ， 我 们 要 实现 的 第 一 个 方法 是 散 列 函数 ， 它 的 代码 如 下 。 


loseloseHashCode (key) { 
if (typeof key === 'number') { // {1} 
return key; 
const tableKey = this.toStrFn(key); // {2} 
let hash = 0; // {3} 
for (let i = 0; i < tableKkey.length; i++) { 
hash += tableKey.charCodeAt (i); // {4} 


























} 
return hash g% 37; // {5} 
} 


hashCode (key) { 
return this.loseloseHashCode (key); 


} 
hashCogde 方法 简单 地 调用 了 loseloseHashCode 方法 , 将 key 作为 参数 传人 。 


在 loseloseHashCode 方法 中 , 我 们 首先 检验 key 是 否 是 一 个 数 ( 行 {1} )。 如 果 是 , 我 们 
直接 将 其 返回 。 然 后 ， 给 定 一 个 key 参数 ， 我 们 就 能 根据 组 成 key 的 每 个 字符 的 ASCI 码 值 的 
和 得 到 一 个 数 。 所 以 ， 首 先 需 要 将 key 转换 为 一 个 字符 串 ( 行 {2} )， 防 止 key 是 一 个 对 象 而 不 
是 字符 串 。 我 们 需要 一 个 nash 变量 来 存储 这 个 总 和 ( 行 {3} )。 然 后 ,遍历 key 并 将 从 ASCII 
表 中 查 到 的 每 个 字符 对 应 的 ASCII 值 加 到 hash 变量 中 ( 行 {4} ), 可 以 使 用 JavaScript 的 string 
类 中 的 charcodeat 方法 。 最 后 ,返回 hash 值 。 为 了 得 到 比较 小 的 数值 ， 我 们 会 使 用 hash 值 
和 一 个 任意 数 做 除法 的 余数 (% )( 行 {5} ) 一 一 这 可 以 规避 操作 数 超过 数值 变量 最 大 表示 范围 的 
风险 。 























0 要 了 解 更 多 关于 ASCII 的 信息 ， 请 访问 http://www.asciitable.com/。 


2. 将 键 和 值 加 入 散 列 表 
现在 我 们 有 了 自己 的 hashCode 函数 ， 下 面 来 实现 put 方法 。 


put (key, value) { 
if (key != null && value != null) { // {1} 
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const Position = this.hashCode(key); // {2} 
this.table[position] = new ValuePair(key, value); // {3} 
return true; 

} 

return false; 


} 


put 方法 和 Dictionary 类 中 的 set 方法 逻辑 相似 。 我 们 也 可 以 将 其 合 名 为 set ， 但 是 大 
多 数 的 编程 语言 会 在 HashTable 数据 结构 中 使 用 put 方法 ， 因 此 我 们 遵循 相同 的 命名 方式 。 


首先 ,我 们 检验 key 和 value 是 否 合法 ( 行 {1} )， 如 果 不 合法 就 返回 false， 表 示 这 个 值 
没有 被 添加 (或 更 新 )。 对 于 给 出 的 key 参数 ,我 们 需要 用 所 创建 的 hashcode 函数 在 表 中 找到 
一 个 位 置 ( 行 {2} ), 然 后 ,用 key 和 value 创建 一 个 ValuePair 实例 ( 行 {3} ), 和 Dictionary 
类 相似 ， 我 们 会 为 了 信息 备份 将 原始 的 key 保存 下 来 。 


3. 从 散 列 表 中 获取 一 个 值 
从 HashTaple 实例 中 获取 一 个 值 也 很 简单 。 我 们 像 下 面 这 样 实现 一 个 get 方法 。 


























get (key) { 
const valuePair = this.table[this.hashCode (key)]; 
return valuePair == null ? undefined : valuePair.value; 


} 


首先 ， 我们 会 用 所 创建 的 nashcoge 方法 获取 key 参数 的 位 置 。 该 函数 会 返回 对 应 值 的 位 
置 ， 我 们 要 做 的 就 是 到 table 数组 中 对 应 的 位 置 取 到 值 并 返回 。 


HashTable 和 Dictionary 类 很 相似 。 不 同 之 处 在 于 在 Dictionary 类 中 ,我 
们 将 valuePair 保存 在 table 的 key 属性 中 (在 它 被 转化 为 字符 串 之 后 ), 而 

OP 在 HashTable 类 中 ,我们 由 key (hash ) 生成 一 个 数 ， 并 将 valuePair 保存 
在 hash 位 置 (或 属性 )。 


4. 从 散 列 表 中 移 除 一 个 值 
我 们 要 为 HashTable 实现 的 最 后 一 个 方法 是 remove 方法 ， 代 码 如 下 。 


remove (kevy) { 
const hash = this.hashCode(key); // {1} 
const valuePair = this.table[hash]; // {2} 
if (valuePair != null) { 
delete this.table[hash]; // {3} 
return true; 
} 
return false; 


} 


要 从 HashTable 中 移 除 一 个 值 ， 首 先 需 要 知道 值 所 在 的 位 置 ， 因 此 我 们 使 用 hashcode 也 
数 来 获取 hash ( 行 {1} )。 我 们 在 hnasn 的 位 置 获取 到 valuePair ( 行 {2} )， 如 果 valuePair 
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不 是 null 或 undefined, 就 使 用 JavaScript 的 delete 运算 符 将 其 删除 ( 行 13} )。 如 果 删 除 成 
功 ， 就 返回 true， 否 则 返回 false。 


除了 使 用 JavaScript 的 delete 运算 符 , 我 们 还 可 以 将 删除 的 hash 位 置 赋值 为 
null 或 undefined。 


8.2.2 使 用 HashTable 类 
让 我 们 执行 一 些 代码 来 测试 HashTable 类 。 


const hash = new HashTable(); 

hash.put ('Gandalf', 'gandalf@email.com'); 
hash.put ('John', 'johnsnow@email.com'); 
hash.put ('Tyrion', 'tyrion@email.com'); 


console.log(hash.hashCode('Gandalf') + ' - Gandalf'); 
console.log(hash.hashCode('John') + ' - John'); 
console.log(hash.hashCode('Tyrion') + ' - Tyrion'); 


执行 上 述 代 码 ， 会 在 控制 台中 获得 如 下 输出 。 


19 - Gandalf 
29. 二 -GD 看 
16 := "TYELOn 


下 图 展现 了 包含 这 三 个 元 素 的 HashTable 数据 结构 。 




















名 称 / 键 


Gandalf 党 
tyrion(@email.com 
也 
rom 0 | | 
a gandalf(Wemail.com 
0 1 一 = 坟 
Johnsnow@email.com 
















执行 如 下 代码 来 测试 get 方法 。 


console.log(hash.get ('Gandalf')); // gandalf@email.com 
console.log(hash.get ('Loiane')); // undefined 


由 于 Gandalf 是 一 个 在 散 列表 中 存在 的 键 ，get 方法 将 会 返回 它 的 值 。 而 由 于 Loiane 是 
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一 个 不 存在 的 键 ， 当 我 们 试图 在 数组 中 根据 位 置 获取 值 的 时 候 (一 个 由 散 列 函数 生成 的 位 置 )， 
返回 值 将 会 是 undaefineq ( 即 不 存在 )。 


然后 ， 我 们 试 试 从 散 列 表 中 移 除 Gandalf。 


hash.remove('Gandalf'); 
console.log(hash.get ('Gandalf')); 


由 于 Gangalf 不 再 存在 于 表 中 ，hash.get ('Gandalf') 方 法 将 会 在 控制 台 上 给 出 
undefined 的 输出 结果 。 














8.2.3” 散 列表 和 散 列 集合 
散 列 表 和 散 列 映射 是 一 样 的 ， 我 们 已 经 在 本 章 中 介绍 了 这 种 数据 结构 。 


在 一 些 编程 语言 中 ， 还 有 一 种 叫 作 散 列 集合 的 实现 。 散 列 集合 由 一 个 集合 构成 ， 但 是 插 人 、 
移 除 或 获取 元 素 时 , 使 用 的 是 nashcode 函数 。 我 们 可 以 复 用 本 章 中 实现 的 所 有 代码 来 实现 散 列 
集合 , 不 同 之 处 在 于 ,不 再 添加 键 值 对 ， 而 是 只 插入 值 而 没有 键 。 例 如 ， 可 以 使 用 散 列 集合 来 存 
储 所 有 的 英语 单词 (不 包括 它们 的 定义 )。 和 集合 相似 ， 散 列 集合 只 存储 不 重复 的 唯一 值 。 









































8.2.4 处理 散 列表 中 的 冲突 


有 时 候 , 一 些 键 会 有 相同 的 散 列 值 。 不 同 的 值 在 散 列表 中 对 应 相同 位 置 的 时 候 , 我 们 称 其 为 
冲突 。 例 如 ， 我 们 看 看 下 面 的 代码 会 得 到 怎样 的 输出 结果 。 


const hash = new HashTable(); 




















hash.put ('Ygritte', 'ygritte@email.com'); 
hash.put ('Jonathan', 'jonathan@email.com'); 
hash.put ('Jamie', 'jamie@email.com'); 

hash.put ('Jack', 'jack@email.com'); 

hash.put ('Jasmine', 'jasmine@email.com'); 
hash.put ('Jake', 'jake@email.com'); 

hash.put ('Nathan', 'nathan@email.com'); 
hash.put ('Athelstan', 'athelstan@email.com'); 
hash.put('Sue', 'sue@email.com'); 

hash.put ('Aethelwulf', 'aethelwulf@email.com'); 
hash.put('Sargeras', 'sargeras@email.com'); 
通过 对 每 个 提 到 的 名 字 调 用 hash .hashcogde 方法 ， 输 出 结果 如 下 。 
4 =- Yogritte 

5 - Jonathan 

5 - Jamie 

-JackK 

8 - Jasmine 

9 - Jake 
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10 - Nathan 

7 - Athelstan 

5 = Sue 

5 - Aethelwulf 
10 - Sargeras 


0 


注意 ，Nathan 和 Sargeras 有 相同 的 散 列 值 (10 )。Jack 和 Athelstan 有 相同 
的 散 列 值 (7 ), Jonathan、Jamie、Sue 和 Aethelwulf 也 有 相同 的 散 列 值 (5)。 


那 HashTable 实例 会 怎样 呢 ? 执行 之 前 的 代码 后 散 列 表 中 会 有 哪些 值 呢 ? 
为 了 获得 结果 ， 我 们 来 实现 toString 方法 。 
toSstring() { 


if (this.isEmpty()) { 
return '" 


} 





const keys = Object.keys (this.table); 


let objString = `{S${keys[0]} => $s{this.table[keys[0]] .toSstring()}}.，} 
for (let i = 1; i < keys.length; i++) { 
objString = ‘S${objString}, {S$ {keys[i]} => 
s{this.table[keys[i]].tostring()}}，; 


} 


return objString; 


} 


由 于 我 们 不 知道 表 数 组 中 的 哪些 位 置 有 值 ， 可 以 使 用 和 Dictionary 的 toString 方法 相 


似 的 逻辑 。 
在 调用 

结果 。 
下 
{5 
下 
{8 > 
{9 
{10 => 





console.1log (hashTable.toString()) 后 ,我 们 会 在 控制 台中 得 到 下 面 的 输出 





[#Ygritte: ygritte@email.com]} 
[#Aethelwulf: aethelwulf@email.com]} 
[#Athelstan: athelstan@email .com]} 
[#Jasmine: jasmine@email.com]} 
[#Jake: jake@email.com]} 

[#Sargeras: sargeras@email.com]} 





Jonathan、Jamie、Sue 和 Aethelwulf 有 相同 的 散 列 值 ， 也 就 是 5。 由 于 Aethelwulf 
































是 最 后 一 个 被 添加 的 ， 它 将 是 在 HashTaple 实例 中 占据 位 置 5 的 元 素 。 首 先 Jonathan 会 占据 














这 个 位 置 ， 然 后 Jamie 会 覆盖 它 ，sue 会 再 次 覆盖 ， 最 后 Aethelwulf 会 再 履 盖 一 次 。 这 对 于 
其 他 发 生 冲突 的 元 素来 说 也 是 一 样 的 。 

使 用 一 个 数据 结构 来 保存 数据 的 目的 显然 不 是 丢失 这 些 数据 , 而 是 通过 某 种 方法 将 它们 全 部 
保存 起 来 。 因 此 ， 当 这 种 情况 发 生 的 时 候 就 要 去 解决 。 处 理 冲 突 有 几 种 方法 : 分 离 链 接 、 线 性 探 
查 和 双 散 列 法 。 在 本 书 中 ， 我 们 会 介绍 前 两 种 方法 。 
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1. 分 离 链 接 
分 离 链接 法 包括 为 散 列 表 的 每 一 个 位 置 创建 一 个 链表 并 将 元 素 存 储 在 里 面 。 它 是 解决 冲突 的 
最 简单 的 方法 ， 但 是 在 HashTable we s 间 。 


例如 ， 我 们 在 之 前 的 测试 代码 中 使 用 分 离 链接 并 用 图 表示 的 话 ， 输 出 结果 将 会 是 如 下 这 样 
(为 了 简化 ， 图 表 中 的 值 被 省 略 了 )。 

















散 列表 


EC 
9 eh :sw 


me ew ] 叶 况 
EEC 
9 加 :加 吕 
ba me 


在 位 置 5 上， 将 会 有 包含 四 个 元 素 的 LinkedList 实例 ; 在 位 置 7 和 10 上 ， 将 会 有 包含 两 
个 元 素 的 LinkedList 实例 ; 在 位 置 4、8 和 9 上， 将 会 有 包含 单个 元 素 的 LinkedList 实例 。 


对 于 分 离 链 接 和 线性 探查 来 说 ， 只 需要 重 写 三 个 方法 : put 、get 和 remove。 这 三 个 方法 
在 每 种 技术 实现 中 都 是 不 同 的 。 


和 之 前 一 样 ， 我 们 来 声明 HashTableseparatechaining 的 基本 结构 。 


class HashTableSeparateChaining { 
constructor(toStrFn = defaultToString) { 
this.toStrEn = toStrFn; 
this.table = {}; 
} 
} 




















@ put 方法 


我 们 来 实现 第 一 个 方法 ， 即 put 方法 ， 代 码 如 下 。 


put (key, value) { 
if (key != null && value != null) { 
const position = this.hashCode (key); 
if (this.table[position]l == null) { // {1} 
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this.table[position] = new LinkedList(); // {2} 
} 
this.table[position] .push (new ValuePair(key, value)); // {3} 
return true; 


} 
return false; 


} 


在 这 个 方法 中 ， 我 们 将 验证 要 加 入 新 元 素 的 位 置 是 否 已 经 被 占 据 ( 行 {1} )。 如 果 是 第 一 次 
向 该 位 置 加 入 元 素 , 我 们 会 在 该 位 置 上 初始 化 一 个 LinkedList 类 的 实例 ( 行 {2} 尔 已 经 在 
第 6 章 中 学 习 过 )。 然 后 ,使 用 第 6 章 中 实现 的 push 方法 向 LinkegdList 实例 中 添加 一 个 
ValuePair 实例 ( 键 和 值 ) ( 行 {3} )。 






































@ get 方法 


然后 ， 我 们 实现 get 方法， 用 来 获取 给 定 键 的 值 。 


get (key) { 
const position = this.hashCode (key); 
const linkedList = this.table[position]; // {1} 





if (linkedList != null && !linkedList.isEmpty()) { // {2} 
let current = linkedList.getHead(); // {3} 
while (current != null) { // {4} 
if (current.element.key === key) { // {5} 


return current.element .value; // {6} 
} 
current = current.next; // {7} 
} 
} 
return undefined; // {8} 
} 
首先 要 验证 的 是 在 特定 的 位 置 上 是 否 有 元 素 存在 。 我 们 在 position 位 置 检索 ]inkegdList 
( 行 {1} )， 并 检验 是 否 存在 LIinkeqaList 实例 ( 行 {2} )。 如 果 没 有 ， 则 返回 一 个 ungdefined 表 
示 在 HashTable 实例 中 没有 找到 这 个 值 ( 行 {8} )。 如 果 该 位 置 上 有 值 存在 ,我 们 知道 这 是 一 个 
LinkedList 实例 。 现在 要 做 的 是 迭代 这 个 链表 来 寻找 我 们 需要 的 元 素 。 在 迭代 之 前 先 要 获取 链 
表 表 头 的 引用 ( 行 {3} )， 然 后 就 可 以 从 链表 的 头 部 迭代 到 尾部 ( 行 {4}， 最 后 current .next 


将 会 是 nul1l )。 


Node 链表 包含 next 指针 和 element 属性 。 而 element 属性 又 是 valuePair 的 实例 , 所 
以 它 又 有 value 和 key 属性 ,可 以 通过 current .element .key 来 获得 Node 链表 的 key 属性 ， 
并 通过 比较 它 来 确定 它 是 否 就 是 我 们 要 找 的 键 〈 行 15} )。 如 果 key 值 相同 ， 就 返回 Node 的 值 
( 行 {6} ); 如 果 不 相 同 ， 就 继续 欠 代 链表 ， 访 问 下 一 个 节点 〈 行 17} )。 这 段 逻辑 允许 我 们 搜索 链 
表 任 意 位 置 的 任意 key 属性 。 


另 一 个 实现 算法 的 思路 如 下 : 除了 在 set 方法 内 部 搜索 key， 还 可 以 在 put 方法 中 实例 化 
LinkedList， 向 LinkedList 的 构造 函数 传人 自 定 义 的 equalsFn， 只 用 它 来 比较 元 素 的 key 
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惊 性 ( 即 valuePair 实例 )。 我 们 要 记 住 ， 默认 情况 下 ，LinkedList 会 使 用 === 运 算 符 来 比较 
它 的 元 素 实例 ， 也 就 是 说 会 比较 ValuePair 实例 的 引用 。 这 种 情况 下 , 在 get 方法 中 , 我 们 要 
使 用 inqexof 方法 来 搜索 目标 key,， 如 果 返 回 大 于 或 等 于 零 的 位 置 , 则 说 明 元 素 存在 于 链表 中 。 
有 了 该 位 置 ， 我 们 就 可 以 使 用 getElementAt 方法 来 从 链表 中 获取 ValuePair 实例 。 

















@ remove 方法 
从 HashTableSeparatechaining 实例 中 移 除 一 个 元 素 和 之 前 在 本 章 实 现 的 remove 方法 
有 一 些 不 同 , 现在 使 用 的 是 链表 , 我 们 需要 从 链表 中 移 除 一 个 元 素 。 来 看 看 remove 方法 的 实现 。 


remove (key) { 
const position = this.hashCode (key); 











const linkedList = this.table[lposition]; 
if (linkedList != null && !linkedList.isEmpty()) { 
Jet current = linkedList.getHead(); 
while (current != null) { 
if (current.element.key === key) { // {1} 
linkedList.remove (current.element); // {2} 
if (linkedList.isEmpty()) { // {3} 
delete this.table[position]; // {4} 


} 
return true; // {5} 
} 


current = current .next; // {6} 
} 
} 
return false; // {7} 

} 

在 remove 方法 中 ,我 们 使 用 和 get 方法 一 样 的 步 又 找到 要 找 的 元 素 。 和 迭代 LinkedList 
实例 时 ， 如 果 链 表 中 的 current 元 素 就 是 要 找 的 元 素 ( 行 {1} ), 使 用 remove 方法 将 其 从 链表 
中 移 除 ( 行 {2} )。 然后 进行 一 步 额 外 的 验证 : 如 果 链 表 为 空 了 (〈 行 13} 一 一 链表 中 不 再 有 任何 元 
素 了 )， 就 使 用 aelete 运算 符 将 散 列 表 的 该 位 置 删 除 ( 行 1L4} )， 这 样 搜 索 一 个 元 素 的 时 候 ， 就 
可 以 跳 过 这 个 位 置 了 。 最 后 , 返回 true 表示 该 元 素 已 经 被 移 除 ( 行 {5} ), 或 者 在 最 后 返回 false 
表示 该 元 素 在 散 列 表 中 不 存在 ( 行 {7} )。 如 果 不 是 我 们 要 找 的 元 素 ， 那么 和 get 方法 中 一 样 继 
续 夫 代 下 一 个 元 素 ( 行 {6} )。 


重 写 了 这 三 个 方法 后 ， 我 们 就 拥有 了 一 个 使 用 分 离 链接 法 来 处 理 冲 突 的 HashTable- 


SeparateChaining 实例 。 









































2. 线性 探查 


另 一 种 解决 冲突 的 方法 是 线性 探查 。 之 所 以 称 作 线性 , 是 因为 它 处 理 冲 突 的 方法 是 将 元 素 直 
接 存储 到 表 中 ， 而 不 是 在 单独 的 数据 结构 中 。 


当 想 向 表 中 某 个 位 置 添加 一 个 新 元 素 的 时 候 ， 如 果 索 引 为 position 的 位 置 已 经 被 占据 了 ， 
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就 尝试 position+1 的 位 置 。 如 果 position+1 的 位 置 也 被 占据 了 ， 就 尝试 bosition+2 的 位 
置 ， 以 此 类 推 ， 直 到 在 散 列表 中 找到 一 个 空闲 的 位 置 。 想 象 一 下 ， 有 一 个 已 经 包含 一 些 元 素 的 散 








列表 ， 我 们 想 要 添加 一 个 新 的 键 和 值 。 我 们 计算 这 个 新 键 的 nasn， 并 检查 散 列 表 中 对 应 的 位 置 
是 否 被 占据 。 如 果 没 有 ， 我 们 就 将 该 值 添加 到 正确 的 位 置 。 如 果 被 占据 了 ， 我 们 就 迭代 散 列 表 ， 














直到 找到 一 个 空闲 的 位 置 。 



































下 图 展现 了 这 个 过 程 。 
添加 Jamie 一 一 散 列 值 为 5 添加 Athelstan 一 一 散 列 值 为 7 
索引 值 ” 键 值 对 “” 散 列 值 索引 值 ” 键 值 对 ” 散 列 值 
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当 我 们 从 散 列 表 中 移 除 一 个 键 值 对 的 时 候 , 仅 将 本 章 之 前 的 数据 结构 所 实现 位 置 的 元 素 移 除 























是 不 够 的 。 如 果 我 们 只 是 移 除 了 元 素 ， 
个 空 的 位 置 ， 这 会 导致 算法 出 现 问题 。 





线性 探查 技术 分 为 两 种 。 第 一 种 是 软 删 除 方法 。 我 们 使 用 一 个 特殊 的 值 ( 标记 ) 来 表示 键 


值 对 被 删除 了 (惰性 删除 或 软 删除 )， 








就 可 能 在 查找 有 相同 hash (位 置 ) 的 其 他 元 素 时 找到 一 








而 不 是 真 的 删除 它 。 经 过 一 段 时 间 ， 散 列表 被 操作 过 后 ， 








我 们 会 得 到 一 个 标记 了 若干 删除 位 置 的 散 列表 。 这 会 逐渐 降低 散 列表 的 效率 ， 因 为 搜索 键 值 会 
随时 间 变 得 更 慢 。 能 快速 访问 并 找到 一 个 键 是 我 们 使 用 散 列表 的 一 个 重要 原因 。 下 图 展示 了 这 





个 过 程 。 
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索引 值 ” 键 值 对 散 列 值 














散 列 值 为 7 
余 ， 前 往 下 一 个 位 置 
， 且 不 是 该 键 ， 前 往 下 一 个 位 置 


， 前 往 下 一 个 位 置 
























































s， 前 往 下 一 个 位 置 

















第 二 种 方法 需要 检验 是 否 有 必要 将 一 个 或 多 个 元 素 移动 到 之 前 的 位 置 。 当 搜索 一 个 键 的 时 
修 , 这 种 方法 可 以 避免 找到 一 个 空位 置 。 如 果 移 动 元 素 是 必要 的 , 我 们 就 需要 在 散 列表 中 挪动 键 
值 对 。 下 图 展现 了 这 个 过 程 。 
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Aethelwulf 
ae 


两 种 方法 都 有 各 自 的 优 缺点 。 本 章 会 实现 第 二 种 方法 ( 移动 一 个 或 多 个 元 素 到 之 

前 的 位 置 )。 要 查看 惰性 删除 的 实现 (HashTableLinearProbingLazy 类 )， 
0 请 参考 本 书 源 代码 。 源 代码 的 下 载 链接 可 以 在 本 书 前 言 中 找到 ， 你 也 可 以 访问 

http://github.com/loiane/javascript-datastructures-algorithms 来 查看 。 
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@ put 方法 


让 我 们 继续 实现 需要 重 写 的 三 个 方法 。 第 一 个 是 put 方法 。 


put (key, value) { 

















if (key != null && value != null) { 
const position = this.hashCode (key); 
if (this.table[position]l == null) { // {1} 
this.table[position] = new ValuePair(key, value); // {2} 
} else { 
let index = position + 1; // {3} 
while (this.table[index] != null) { // {4} 
index++; // {5} 
} 
this.table[index] = new ValuePair (key, value); // {6} 





} 

return true; 
} 
return false; 


} 


和 之 前 一 样 ， 先 获得 由 散 列 函数 生成 的 位 置 ， 然 后 验证 这 个 位 置 是 否 有 元 素 存在 ( 行 {1} )。 



































如 果 没 有 元 素 存在 ( 这 是 最 简单 的 场景 ), 就 在 这 个 位 置 添加 新 元 素 ( 行 {2} 一 一 一 个 ValuePair 
的 实例 )。 


如 果 该 位 置 已 经 被 占据 了 ,需要 找到 下 一 个 没有 被 占据 的 位 置 (position 的 值 是 undefined 
或 null )， 因 此 我 们 声明 一 个 ingex 变量 并 赋值 为 position+1( 行 {3} )。 然 后 验证 该 位 置 是 
否 被 占据 ( 行 {4} )， 如 果 被 占据 了 ， 继 续 将 index 递增 ( 行 {5} )， 直 到 找到 一 个 没有 被 占据 的 
位 置 。 然 后 我 们 要 做 的 ， 就 是 将 值 分 配 到 该 位 置 ( 行 {6} )。 
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在 一 些 编程 语言 中 ,我 们 需要 定义 数组 的 大 小 。 如 果 使 用 线性 探查 的 话 ， 需 要 注 
意 的 一 个 问题 是 数组 的 可 用 位 置 可 能 会 被 用 完 。 当 算法 到 达 数 组 的 尾部 时 , 它 需 
要 循环 回 到 开头 并 继续 迭代 元 素 。 如果 必要 的 话 , 我 们 还 需要 创建 一 个 更 大 的 数 

(外 组 并 将 元 素 复制 到 新 数组 中 。 在 JavaScript 中 ,不 需要 担心 这 个 问题 。 我 们 不 需 
要 定义 数组 的 大 小 ， 因 为 它 可 以 根据 需要 自动 改变 一 一 这 是 JavaScript 内 置 的 一 
个 功能 。 


让 我 们 来 模拟 一 下 散 列 表 中 的 插入 操作 。 


(1) 试 着 插入 Ygritte。 它 的 散 列 值 是 4， 由 于 散 列 表 刚 刚 被 创建 ,位 置 4 还 是 空 的 ， 可 以 在 
这 里 插入 数据 。 

(2) 试 着 在 位 置 5 插入 Jonathan。 它 也 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 

(3) 试 着 在 位 置 5 插入 Jamie， 因 为 它 的 散 列 值 也 是 5。 位 置 5 已 经 被 Jonathan 占据 了 ,所 
以 需要 检查 索引 值 为 position+1 的 位 置 ( 5+1 ), 位 置 6 是 空 的 ,所 以 可 以 在 位 置 6 插入 Jamie。 
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(4) 试 着 在 位 置 7 插入 Jack。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 ， 不 会 有 冲突 。 

(5) 试 着 在 位 置 8 插入 Jasmine。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 ， 不 会 有 冲突 。 

(6) 试 着 在 位 置 9 插入 Jake。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 ,不 会 有 冲突 。 

(7) 试 着 在 位 置 10 插入 Nathan。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 ， 不 会 有 冲突 。 

(8) 试 着 在 位 置 7 插入 Athelstan。 位 置 7 已 经 被 Jack 占据 了 ， 所 以 需要 检查 索引 值 为 
position+1 的 位 置 (7+1 )。 位 置 8 也 被 占据 了 ， 所 以 迭代 到 下 一 个 空位 置 ， 也 就 是 位 置 11， 
并 插入 Athelstan。 

(9) 试 着 在 位 置 5 插入 sue, 位 置 5 到 11 都 被 占据 了 ， 所 以 我 们 在 位 置 12 插 入 sue。 

(10) 试 着 在 位 置 5 插入 Aethelwulf ,位置 5 到 12 都 被 占据 了 ， 所 以 我 们 在 位 置 13 插入 
Aethelwulf。 

(11) 试 着 在 位 置 10 插入 sargeras, 位 置 10 到 13 都 被 占据 了 ， 所 以 我 们 在 位 置 14 插入 


Sargeraso 




























































































@ get 方法 
现在 插入 了 所 有 的 元 素 ， 让 我 们 实现 get 方法 来 获取 它们 的 值 吧 。 
get (key) { 
const position = this.hashCode (key); 
if (this.table[position] != null) { // {1} 
if (this.table[position] .key === key) { // {2} 


return this.table[lposition] .value; // {3} 
} 
let index = position + 1; // {4} 


while (this.table[index] != null && this.table[index] .key !== key) { // {5} 
index++; 

} 

if (this.table[index] != null && this.table[index] .key === key) { // {6} 


return this.table[lposition] .value; // {7} 
j 
} 
return undefined; // {8} 


} 


要 获得 一 个 键 对 应 的 值 ， 先 要 确定 这 个 键 存在 〈 行 11} )。 如 果 这 个 键 不 存在 ,说明 要 查找 
的 值 不 在 散 列 表 中 ， 因 此 可 以 返回 undaefined ( 行 {8} )。 如 果 这 个 键 存在 ， 需 要 检查 我 们 要 找 
的 值 是 否 就 是 原始 位 置 上 的 值 ( 行 {2} )。 如 果 是 ， 就 返回 这 个 值 ( 行 {3} )。 

如 果 不 是 ， 就 在 HashTableLinearProbing 的 下 一 个 位 置 继续 查找 〈 行 14} )， 我 们 会 按 
位 置 递 增 的 顺序 查找 散 列表 上 的 元 素 直到 找到 我 们 要 找 的 元 素 ,， 或 者 找到 一 个 空位 置 ( 行 {5} )。 
当 从 while 循环 跳出 的 时 候 ， 我 们 要 验证 元 素 的 键 是 否 是 我 们 要 找 的 键 ( 行 {6} )， 如 果 是 ， 就 
返回 它 的 值 ( 行 {7} )。 如 果 迭 代 完 整个 散 列 表 并 且 index 的 位 置 上 是 undefined 或 null 的 话 ， 
说 明 要 找 的 键 不 存在 ， 返 回 undefined ( 行 {8} )。 
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@ remove 方法 


remove 方法 和 get 方法 基本 相同 ， 代 码 如 下 。 


remove (key) { 

const position = this.hashCode (key); 

if (this.table[position]l != null) { 

if (this.table[position] .key === key) { 

delete this.table[position]; // {1} 
this.verifyRemoveSideEffect (key, position); // {2} 
return true; 
} 


let index = position + 1; 





while (this.table[index] != null && this.table[index] .key !== key ) { 
index++; 
if (this.table[index] != null &é& this.table[index] .key === key) { 


delete this.table[index]; // {3} 
this.verifyRemoveSideEffect (key, index); // {4} 
return true; 


} 


return false; 


} 


在 get 方法 中 ， 当 我 们 找到 了 要 找 的 key 后 ， 返 回 它 的 值 。 在 remove 方法 中 ,我们 会 从 
散 列表 中 删除 元 素 。 可 以 直接 从 原始 hasp 位 置 找到 元 素 ( 行 {1} ), 如 果 有 冲突 并 被 处 理 了 , 我 
们 可 以 在 另 一 个 位 置 找到 元 素 ( 行 {3} )。 由 于 我 们 不 知道 在 散 列表 的 不 同位 置 上 是 否 存 在 具有 
相同 nash 的 元 素 ， 需 要 验证 删除 操作 是 否 有 副作用 。 如 果 有 ， 就 需要 将 冲突 的 元 素 移动 至 一 个 
之 前 的 位 置 ， 这 样 就 不 会 产生 空位 置 ( 行 {2} 和 行 {4} )。 要 完成 这 项 工作 ,我 们 将 会 创建 一 个 工 
具 方 法 ， 声明 如 下 。 

verifyRemoveSideEffect (key, removedPosition) { 


const hash = this.hashCode(key); // {1} 
let index = removedPosition + 1; // {2} 























while (this.table[index] != null) { // {3} 

const posHash = this.hashCode(this.table[index] .key); // {4} 

if (posHash <= hash || posHash <= removedPosition) { // {5} 
this.table[removedPosition] = this.table[index]; // {6} 
delete this.table[index]; 
removedPosition = index; 

} 

index++; 


} 


verifyRemoveSideEffect 方法 接收 两 个 参数 : 被 删除 的 key 和 该 key 被 删除 的 位 置 。 
首先 ， 我 们 要 获取 被 删除 的 key 的 nasn 值 ( 行 {1} 一 一 也 可 以 将 该 值 作为 一 个 参数 传人 这 个 方 
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法 )。 然 后 ， 我 们 会 从 下 一 个 位 置 开 始 迭 代 散 列表 ( 行 {2} ) 直到 找到 一 个 空位 置 ( 行 {3} )。 当 
空位 置 被 找到 后 ， 表 示 元 素 都 在 合适 的 位 置 上 ， 不 需要 进行 移动 (或 更 多 的 移动 )。 当 人 迭代 随后 
的 元 素 时 ,我 们 需要 计算 当前 位 置 上 元 素 的 nash 值 ( 行 {4} )。 如 果 当 前 元 素 的 nash 值 小 于 或 
等 于 原始 的 hash 值 ( 行 {5} ) 或 者 当前 元 素 的 nash 值 小 于 或 等 于 removedPosition (也 就 是 
上 一 个 被 移 除 key 的 nash 值 ), 表 示 我 们 需要 将 当前 元 素 移动 至 removedPosition 的 位 置 ( 行 
{6} )。 移 动 完成 后 ， 我 们 可 以 删除 当前 的 元 素 ( 因为 它 已 经 被 复制 到 removedPosition 的 位 
置 了 )。 我们 还 需要 将 removedPosition 更 新 为 当前 的 index， 然 后 重复 这 个 过 程 。 


我 们 来 考虑 演示 put 方法 所 创建 的 散 列表 。 假设 我 们 想 要 从 散 列 表 中 移 除 Jonathan 元 素 。 
下 面 来 模拟 一 下 删除 的 过 程 。 


(D 我 们 可 以 在 位 置 5 找到 并 删除 Jonathan。 位 置 5 现在 空 辣 了 。 我 们 将 验证 一 下 是 否 有 副 
作用 。 

(2) 我 们 来 到 存储 Jamie 的 位 置 6， 现 在 的 散 列 值 为 5， 它 的 散 列 值 5 小 于 等 于 散 列 值 5， 所 
以 要 将 Jamie 复制 到 位 置 5 并 删除 Jamie。 位 置 6 现在 空闲 了 ， 我 们 来 验证 下 一 个 位 置 。 

(3) 我 们 来 到 位 置 7,， 这 里 保存 了 Jack， 散 列 值 为 7。 它 的 散 列 值 7 大 于 散 列 值 S， 并 且 散 列 
值 7 大 于 removedPosition 的 值 6， 所 以 我 们 不 需要 移动 它 。 下 一 个 位 置 也 被 占据 了 ,那么 我 
们 来 验证 下 一 个 位 置 。 

(4) 我 们 来 到 位 置 8， 此 处 保存 了 Jasmine， 散 列 值 为 8。 散 列 值 8 大 于 Jasmine 的 散 列 
值 5, 并 且 散 列 值 8 大 于 removedPosition 的 值 6, 因此 不 需要 移动 它 。 下 一 个 位 置 也 被 占 了 ， 
那么 我 们 来 验证 下 一 个 位 置 。 

(5) 我 们 来 到 位 置 9, 这 里 保存 了 Jake, 它 的 散 列 值 是 9。 散 列 值 9 大 于 散 列 值 5, 并 且 散 列 
值 9 大 于 removedPosition 的 值 6， 所 以 不 需要 移动 它 。 下 一 个 位 置 也 被 占 了 ， 那么 我 们 来 验 
证 下 一 个 位 置 。 

(6) 我 们 重复 相同 的 过 程 ， 直 到 位 置 12。 

(7) 我 们 来 到 位 置 12， 此 处 保存 了 sue, 它 的 散 列 值 为 5。 散 列 值 5 小 于 等 于 散 列 值 5, 并 且 
散 列 值 5 小 于 等 于 removedPosition 的 值 6， 因 此 我 们 将 sue 复制 到 位 置 6， 并 删除 位 置 12 
的 sue。 位 置 12 现在 空间 了 。 下 一 个 位 置 也 被 占据 了 ， 那 么 我 们 来 验证 下 一 个 位 置 。 

(8) 我 们 来 到 位 置 13 ， 此 处 保存 了 Aethelwulf， 它 的 散 列 值 为 5。 散 列 值 5 小 于 等 于 散 列 
值 S， 并 且 散 列 值 $ 小 于 等 于 removedPosition 的 值 12， 因 此 我 们 需要 将 Aethelwulf 复制 
到 位 置 12 并 删除 位 置 13 的 值 。 位 置 13 现在 空 亲 了 。 下 一 个 位 置 也 被 占据 了 ， 那 么 我 们 来 验证 
下 一 个 位 置 。 

(9) 我 们 来 到 位 置 14， 此 处 保存 了 sargeras， 散 列 值 为 10。 散 列 值 10 大 于 Aethelwulf 
的 散 列 值 5， 但 是 散 列 值 10 小 于 等 于 removedPosition 的 值 13， 因 此 我 们 要 将 sargeras 复 
制 到 位 置 13 并 删除 位 置 14 的 值 。 位 置 14 现在 空 闻 了 。 下 一 个 位 置 也 是 空 闪 的 ， 那么 本 次 执行 
完成 了 。 
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8.2.5 创建 更 好 的 散 列 函数 


我 们 实现 的 lose lose 散 列 函数 并 不 是 一 个 表现 良好 的 散 列 函数 ， 因 为 它 会 产生 太 多 的 冲突 。 
一 个 表现 良好 的 散 列 函数 是 由 几 个 方面 构成 的 : 插入 和 检索 元 素 的 时 间 〈 即 性 能 )， 以 及 较 低 的 
冲突 可 能 性 。 我 们 可 以 在 网 上 找到 一 些 不 同 的 实现 方法 ， 也 可 以 实现 自己 的 散 列 函数 。 


男 一 个 可 以 实现 的 、 比 lose lose 更 好 的 散 列 函数 是 djb2。 


djb2HashCode (key) { 

const tableKey = this.toStrFn(key); // {1} 

Tet- hash es. "338 2/ 2 

for (let i = 0; i < tableKey.length; i++) { // {3} 
hash = (hash * 33) + tableKey.charCodeAt (i); // {4} 
































} 
return hash % 1013; // {5} 
} 


在 将 键 转化 为 字符 串 之 后 ( 行 {1} ), djb2HashCode 方法 包括 初始 化 一 个 nash 变量 并 赋值 
为 一 个 质数 ( 行 12} 一 一 大 多 数 实 现 都 使 用 5381 )， 然 后 迭代 参数 key ( 行 {3} ), 将 hash 与 33 
相 乘 (用 作 一 个 幻 数 " )， 并 和 当前 迭代 到 的 字符 的 ASCII 码 值 相 加 ( 行 {4} )。 


最 后 ， 我 们 将 使 用 相 加 的 和 与 另 一 个 随机 质数 相 除 的 余数 ( 行 15} )， 比 我 们 认为 的 散 列 表 
大 小 要 大 。 在 本 例 中 ， 我 们 认为 散 列 表 的 大 小 为 1000。 

如 果 再 次 执行 8.2.4 节 中 搬 人 数据 的 代码 ,这 将 是 使 用 dajb2Hashcoqe 代替 loseloseHash- 
Code 的 最 终结 


807 - Ygritte 

















288 - Jonathan 
962 - Jamie 

619. = -Jack 

275 - Jasmine 
877 - Jake 

223 - Nathan 
925 - Athelstan 
502 - Sue 

149 - Aethelwulf 
711 - Sargeras 
没有 冲突 ! 


这 并 不 是 最 好 的 散 列 函 数 ， 但 这 是 最 受 社区 推崇 的 散 列 函数 之 一 。 





也 有 一 些 为 数字 键 值 准备 的 散 列 函数 ， 你 可 以 在 http://t.cn/Eqglyb0 找到 一 系列 
的 实现 。 








@) 幻 数 在 编程 中 指 直接 使 用 的 常数 。 一 一 编者 注 
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8.3 ES2015 Map 类 
ECMAScript 2015 新 增 了 Map 类 。 可 以 基于 ES2015 的 Map 类 开发 我 们 的 Dictionary 类 。 


关于 ECMAScript 6 的 Map 类 的 实现 细节 ,请 查阅 https://developer.mozilla.org/zh- 
CN/docs/Web/JavaScript/Reference/Global Objects/Map。 


我 们 看 看 原生 的 Map 类 怎么 用 。 还 是 用 我 们 原来 测试 Dictionary 类 的 例子 。 


const map = new Map(); 


map.set('Gandalf', 'gandalf@email.com'); 
map.set('John', 'johnsnow@email.com'); 
map.set('Tyrion', 'tyrion@email.com'); 


console.log(map.has('Gandalf')); // true 

console.log(map.size); // 3 

console.log(map.keys()); // 输出 {"Gandalf", "John", "Tyrion"} 
console.log(map.values()); // 输出 {"gandalf@email.com", "johnsnow@email.com", 
"tyrion@email .com"} 


console.log(map.get ('Tyrion')); // tyrion@email.com 


和 我 们 的 Dictionary 类 不 同 ，ES2015 的 Map 类 的 values 方法 和 keys 方法 都 返回 
Iterator (第 3 章 提 到 过 )， 而 不 是 值 或 键 构成 的 数组 。 另 一 个 区 别 是 ,我 们 实现 的 size 方法 
返回 字典 中 存储 的 值 的 个 数 ， 而 ES2015 的 Map 类 则 有 一 个 size 属性 。 


删除 map 中 的 元 素 可 以 用 aelete 方法 。 


map.delete('John'); 























clear 方法 会 重 置 map 数据 结构 ， 这 跟 我 们 在 Dictionary 类 里 实现 的 一 样 。 





~ 


8.4 ES2105 weakMap 类 和 WeakSet 类 


除了 set 和 Map 这 两 种 新 的 数据 结构 ,ES2015 还 增加 了 它们 的 弱化 版 本 , WeakSet 和 WeakMap。 
基本 上 ，Map 和 Set 与 其 弱化 版 本 之 间 仅 有 的 区 别 是 : 

















口 WeakSet 或 WeakMap 类 没有 entries、 keys 和 values 等 方法 ; 


口 只 能 用 对 象 作 为 键 。 


创建 和 使 用 这 两 个 类 主要 是 为 了 性 能 。weakset 和 weakMap 是 弱化 的 (用 对 象 作为 键 )， 
没有 强 引用 的 键 。 Re JavaScript 的 垃圾 回收 需 可 以 从 中 清除 整个 人 口 。 


另 一 个 优点 是 ， 必 须 用 键 才 可 以 取出 值 。 这 些 类 没有 entries、keys 和 values 等 迭代 髓 
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方法 , 因此 , 除非 你 知道 键 , 否则 没有 办 法 取出 值 。 这 印证 了 我 们 在 第 4 章 的 做 法 , 即使 用 weakMap 





类 封装 ES2015 类 的 私有 属性 。 
使 用 weakMap 类 的 例子 如 下 。 


const 





map = new WeakMap (); 
obl 
ob2 
ob3 


const 
const 
const 


{ name: 
name: 
{ name: 


'Gandalf' }; 
JONT "3 
[IVA el eo 


ZL} 


中 1 祷 且 | 
Sey 


map.set (ob1l， 
map.set (ob2, 
map.set (ob3, 


'gandalf@email.com'); 
'johnsnow@email.com'); 
'tyrion@email.com'); 


£7 (2 


console.1log (map.has (ob1)); 
console.log (map.get (ob3)); 
map.delete(ob2); // {5} 


// true {3} 


WeakMap 


需要 将 名 字 转 换 为 对 象 ( 行 {1} )。 
搜索 ( 行 {3} )、 读 取 ( 行 {4} ) 和 删除 值 ( 行 
同样 的 逻辑 也 适用 于 weakSet 类 。 


8.5 小结 


在 本 章 中 , 我 们 学 习 了 字典 的 相关 知识 ， 
法 。 我 们 还 了 解 了 字典 和 集合 的 不 同 之 处 。 





类 也 可 以 用 set 方法 ( 行 {2} ), 但 不 能 使 用 数 、 字 符 串 、 布 尔 值 等 基本 数据 类 型 ， 





// tyrion@email.com {4} 





Yi 





了 {5} )， 也 要 传人 作为 键 的 对 象 。 


了 解 了 如 何 添 加 、 移 除 和 获取 元 素 以 及 其 他 一 些 方 


我 们 也 学 习 了 散 列 运算 ， 怎 样 创建 一 个 散 列 表 (或 者 说 散 列 映射 ) 数据 结构 ， 如 何 添加 、 移 


除 和 获取 元 素 , 以 及 如 何 创建 散 列 函数 。 我 们 学 习 了 怎 
突 问题 丰 o 











样 使 用 两 种 不 同 的 方法 解决 散 列表 中 的 冲 


我 们 还 介绍 了 如 何 使 用 ES2015 的 Map、wWeakMap 和 Weakset 类 。 


在 下 一 章 中 ， 我 们 将 学 习 递归 。 


违 归 











在 之 前 的 章节 中 ,我们 学 习 了 不 同 的 可 和 迭代 数据 结构 。 从 下 一 章 开 始 , 我 们 要 使 用 一 种 特殊 
的 方法 使 操作 树 和 图 数据 结构 变 得 更 简单 ， 那 就 是 递归 。 但 是 学 习 树 和 图 之 前 ,我 们 需要 先 理 解 























递归 是 如 何 工作 的 。 
本 章 内 容 包 括 ; 
口 理解 递归 
口 计算 一 个 数 的 阶乘 
口 斐 波 那 契 数列 
口 JavaScript 调用 栈 








9.1 理解 递归 
有 一 名 编程 的 至 理 名 言 是 这 样 的 ; 
“要 理解 递归 ， 首 先 要 理解 递归 。 






































递归 是 一 种 解决 问题 的 方法 ， 它 从 解决 问题 的 各 个 小 部 分 开始 ， 





归 通 常 涉及 函数 调用 自身 。 
递归 函数 是 像 下 面 这 样 能 够 直接 调用 自身 的 方法 或 函数 。 


function recursiveFunction(someParam)t{ 
recursiveFunction(someParam); 


} 
能 够 像 下 面 这 样 间接 调用 自身 的 函数 ， 也 是 递归 函数 。 


function recursiveFunctionl (someParam){ 
recursiveFunction2 (someParam); 


























一 一 佚名 
直到 解决 最 初 的 大 问题 。 递 
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} 


function recursiveFunction2 (someParam)t{ 
recursiveFunctionil (someParam); 


} 


假设 现在 必须 要 执行 recursiveFunction, 结果 是 什么 ? 单 就 上 述 情况 而 言 , 它 会 一 直 执 
行 下 去 。 因 此 ， 每 个 递归 函数 都 必须 有 基线 条 件 ， 即 一 个 不 再 递归 调用 的 条 件 (停止 点 )， 以 防 
止 无 限 递归 。 


回 到 之 前 的 编程 至 理 名 言 , 在 理解 了 什么 是 递归 之 后 , 我 们 也 就 解决 了 最 初 的 问题 。 如 果 我 
们 把 这 句 话 翻译 成 JavaScript 代码 的 话 ， 可 以 写成 下 面 这 样 。 
function understandRecursion(doIunderstandRecursion) { 
const recursionAnswer = confirm('Do you understand recursion?'); 
if (recursionAnswer === true) { // 基线 条 件 或 停止 点 


return true; 


} 


understandRecursion(recursionAnswer); // 递归 调用 
} 
understandRecursion 国 数 会 不 断 地 调用 自身 ， 直 到 recursionAnswer 为 真 (true )。 
recursionAnswer 为 真 就 是 上 述 代 码 的 基线 条 件 。 


下 面 来 看 看 一 些 著名 的 递归 算法 。 





























9.2 计算 一 个 数 的 阶乘 
作为 递归 的 第 一 个 例子 ,我 们 来 看 看 如 何 计算 一 个 数 的 阶乘 。 数 ”的 阶乘 ,定义 为 由 ,表示 
从 1 到 的 整数 的 乘积 。 


5 的 阶乘 表示 为 5!1， 和 5 x4 x3x2x1 相 等 结果 是 120。 





9.2.1 ”迭代 阶乘 


如 果 尝 试 表示 计算 任意 数 n 的 阶乘 的 步骤 ， 可 以 将 步骤 定义 如 下 : (n) * (n -1)* (n- 
2 


可 以 使 用 循环 来 写 一 个 计算 一 个 数 阶乘 的 函数 ， 如 下 所 示 。 


function factorialIlterative(number) { 
if (number < 0) return undefined; 
et totalL = TT} 
for (let n = number; n > 1; n--) { 
total Stottal 
} 
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return total; 


} 


console.log(factorialIterative(5)); // 120 


我 们 可 以 从 给 定 的 number 开始 计算 阶乘 , 并 减少 n, 直到 它 的 值 为 2, 因为 1 的 阶乘 还 是 1， 
而 且 它 已 经 被 包含 在 total 变量 中 了 。 零 的 阶乘 也 是 1。 负 数 的 阶乘 不 会 被 计算 。 


9.2.2 

















(1) 
2) 


来 计算 。 


(3) 





月 


有 3x2! 
(4) 





递归 阶乘 
现在 我 们 试 着 用 递归 来 重 写 factorialIterative 函数 , 但 是 首先 使 用 递归 的 定义 来 定义 
所 有 的 步骤 。 


5 的 阶乘 用 5 x 4 x 3 x 2 x 1 来 计算 。4(n - 1) 的 阶乘 用 4x3 x 2 x 1 来 计算 。 计 算 n-- 1 的 阶 
乘 是 我 们 计算 原始 问题 n! 的 一 个 子 问题 ， 因 此 可 以 像 下面 这 样 定 义 5 的 阶乘 。 


factorial(5) = 5 * factorial(4): 我 们 可 以 用 5 x 4! 来 计算 51。 
Factorial(5) = 5* (4 * factorial(3)): 我 们 需要 计算 子 问题 41， 它 可 以 用 4x3! 








Factorial(5) = 5*4* (3 * factorial(2)): 我 们 需要 计算 子 问 题 31， 它 可 以 
来 计算 。 
factorial(5) =5*4*3* (2 * factorial(1)): 我 们 需要 计算 子 问 题 21, 它 


可 以 用 2 x 1! 来 计算 。 


(5) 
(6) 


facto 





rial(5) = 5*4*3* 2 * (1): 我 们 需要 计算 子 问 题 1!。 


factorial (1) 或 factorial (0) 返 回 1。1! 等 于 1。 我 们 也 可 以 说 1!=1x0!, 0! 也 等 于 1。 





使 用 递归 的 factorial 也 数 定义 如 下 。 


定 


function factorial(n) { 


f (n === 1 || n === 0) { // 基线 条 件 
return 1; 


return n * factorial(n - 1); // 递归 调用 


} 


console.log(factorial(5)); // 120 
1. 调用 栈 


我 们 在 第 4 章 学 习 了 栈 数据 结构 。 我 们 来 看 看 在 实际 应 用 中 用 递归 形式 使 用 它 的 例子 。 每 当 
一 个 函数 被 一 个 算法 调用 时 , 该 函数 会 进入 调用 栈 的 顶部 。 当 使 用 递归 的 时 候 , 每 个 函数 调用 都 
会 堆肥 在 调用 栈 的 顶部 ， 这 是 因为 每 个 调用 都 可 能 依赖 前 一 个 调用 的 结果 。 


我 们 可 以 用 浏览 需 看 到 调用 栈 的 行为 ， 如 下 图 所 示 。 
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如 果 执 行 factorial (3)， 打 开 浏 览 絮 的 开发 者 工具 ， 


打开 Sources 标签 页 ， 在 Factorialjs 


文件 中 增加 一 个 断 点 ， 当 n 的 值 为 1 时， 我 们 可 以 看 到 Call Stack 里 有 三 个 factorial 水 数 的 调 
用 。 如 果 继 续 执行 ， 会 看 到 当 factorial (1) 被 返回 后 ，Call Stack 开始 弹出 factorial 的 调用 。 


我 们 也 可 以 在 函数 开头 添加 console.trace() 来 在 浏览 器 的 控制 台中 查看 结果 。 





function factorial(n) { 
console.trace(); 
// 加 数 逻 辑 

} 


当 factorial (3) 被 调用 时 ， 我 们 能 在 控制 台中 得 到 下 面 的 结 


factorial @ 02-Factorial.js:18 
(anonymous) 




















@ 02-Factorial.js:25 // console.log(factorial(3)) 调 用 


当 factorial (2) 被 调用 时 ， 我 们 能 在 控制 台中 得 到 下 面 的 结果 。 


factorial @ 02-Factorial.js:18 


factorial @ 02-Factorial.js:22 // factorial(3) 在 等 待 factorial (2) 
(anonymous) @ 02-Factorial.js:25 // console.log(factorial(3)) 调 用 


最 后 ， 当 factorial (1) 被 调用 时 ， 我们 能 在 控制 台中 得 到 下 面 的 结 


factorial @ 02-Factorial.js:18 

factorial @ 02-Factorial.js:22 // factorial(2) 在 等 待 factorial(1) 
factorial @ 02-Factorial.js:22 // factorial(3) 在 等 待 factorial (2) 
(anonymous) @ 02-Factorial.js:25 // console.log(factorial(3)) 调 用 


下 图 展示 了 执行 的 各 个 步 又 和 调用 栈 中 的 行为 。 








执行 


factorial(3) 


factorial n 








3 * factorial(2) 
3*2*factorial(l) 


factorial n 
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当 factorial(1) 返 回 1 时， 调用 栈 会 开始 弹出 调用 ,返回 结果 ， 直 到 3 * factorial (2) 
被 计算 。 


2. JavaScript 调用 栈 大 小 的 限制 





如 果 忘 记 加 上 用 以 停止 函数 递归 调用 的 基线 条 件 , 会 发 生 什么 呢 ? 递归 并 不 会 无 限 地 执行 下 

















去 ， 浏 览 需 会 抛 出 错误 ， 也 就 是 所 谓 的 栈 洪 出 错误 (stack overflow error )。 
每 个 浏览 器 都 有 自己 的 上 限 ， 可 用 以 下 代码 测试 。 


et EE Oy 

function recursiveEn() { 
i++; 
recursiverFn(); 


} 


EE 
recursivern(); 
} catch (ex) { 
console.log('i = '+i+ ' error: ' + ex); 


} 
在 Chrome v65 中 ， 函数 执行 了 15 662 次 ， 而 后 浏览 器 抛 出 错误 RangeError: Maximum 
call stack size exceeded ( 超 限 错误 : 超过 最 大 调用 栈 大 小 )。 在 Firefox v59 中 ， 该 函数 


执行 了 188 641 次 ， 然 后 浏览 器 抛 出 错误 InternalError: too much recursion (内 部 错误 : 
递归 次 数 过 多 )。 在 Edge v41 中 ， 该 函数 执行 了 17 654 次 。 








OP 根据 操作 系统 和 浏览 器 的 不 同 ， 具 体 数值 会 所 有 不 同 ， 但 区 别 不 大 。 


ECMAScript 2015 有 尾 调 用 优化 (tail call pineation )。 如 果 函 数 内 的 最 后 一 个 操作 是 调用 

函数 ( 就 像 示 例 中 加 粗 的 那 行 ), 会 通过 “ 跳 转 指 令 ”( jump ) 而 不 是 “ 子 程序 调用 ”( subroutine 

call ) 来 控制 。 也 就 是 说 ， 在 ECMAScript 2015 中 ， 这 里 的 代码 可 以 一 直 执行 下 去 。 因 此 ， 具 有 
停止 递归 的 基线 条 件 非常 重要 。 









































有 关 尾 调用 优化 的 更 多 相关 信息 ， 请 访问 https:/www.chromestatus.com/feature/ 
5516876633341952。 


9.3” 帮 波 那 契 数列 


斐 波 那 契 数列 是 另 一 个 可 以 用 递归 解决 的 问题 。 它 是 一 个 由 0、1、1、2 、3、5、8、13 、21 、 
34 等 数组 成 的 序列 。 数 2 由 1+1 得 到 , 数 3 由 1+2 得 到 , 数 $ 由 2+3 得 到 ， 以 此 类 推 。 斐 波 
那 契 数列 的 定义 如 下 。 
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口 位 置 0 的 斐 波 那 契 数 是 零 。 
口 1 和 2 的 斐 波 那 契 数 是 1。 
口 n (此 处 n>2) 的 斐 波 那 契 数 是 (n 一 1) 的 斐 波 那 契 数 加 上 (2 -2 ) 的 斐 波 那 契 数 。 



































9.3.1 迭代 求 斐 波 那 契 数 
我 们 用 迭代 的 方法 实现 了 fibonacci 卫 数 ， 如 下 所 示 。 


function fibonacciIterative(n) { 
和 
if ‘(ni <= 2) return 1; 


let fibNMinus2 
Jet fibNMinusl 
let fibN = n; 
OF (et 沿 、 二 和 和 汪 林 用 二 机 让 和 于 二 于 全 

fibN = flipNMinus1 + fibNMinus2; // f(n-1) + f(n-2) 

fibNMinus2 = fibNMinusl; 

fibNMinus1 = fibN; 


i 


} 


return fibN; 


9.3.2 ”递归 求 斐 波 那 契 数 
fibonacci 靖 数 可 以 写成 下 面 这 样 。 


function fibonacci (n)f{ 
if (nm 1) Feturn 0 /A {1 
Lf (ED) EEturn Ls XA (2 
return fibonacci(n - 1) + fibonacci(n - 2); // {3} 


} 
在 上 面 的 代码 中 ,有 基线 条 件 ( 行 {1} 和 行 {2} ) 以 及 计算 n>2 的 斐 波 那 契 数 的 逻辑 ( 行 13} )。 
如 果 我 们 试 着 寻找 fibonacci (5) ,下 面 是 调用 情况 的 结果 。 


I 






















fibonacci(S) 


fibonacci(4) 


fibonacci(3) fibonacci(2) fibonacci(2) fibonacci(1) 
fibonacci(2) fibonacci(1) 


fibonacci(3) 
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9.3.3 ”记忆 化 辈 波 那 契 数 


还 有 第 三 种 写 fibonacci 函数 的 方法 ， 叫 作 记 忆 化 。 记 忆 化 是 一 种 保存 前 一 个 结果 的 值 的 
优化 技术 , 类 似 于 缓存 。 如 果 我 们 分 析 在 计算 fibonacci (5) 时 的 调用 , 会 发 现 fibonacci (3) 
被 计算 了 两 次 , 因此 可 以 将 它 的 结果 存储 下 来 , 这样 当 需 要 再 次 计算 它 的 时 候 , 我 们 就 已 经 有 它 
的 结果 了 。 


下 面 的 代码 展示 了 使 用 记忆 化 的 fibonacci 函数 。 


function fibonacciMemoization(n) { 


























const memo = [0, 1]; // {1} 
const fibonacci = (n) => { 
if (memo[n] != null) return memo[n]; // {2} 
return memo [mn] = fibonacci(n - 1, memo) + fibonacci(n - 2, memo); // {3} 


ye 
return fibonacci; 


} 


在 上 面 的 代码 中 , 我 们 声明 了 一 个 memo 数组 来 缓存 所 有 的 计算 结果 ( 行 {1} )。 如果 结 果 已 
经 被 计算 了 ， 我 们 就 返回 它 ( 行 {2} )， 否 则 计算 该 结果 并 将 它 加 入 缓存 ( 行 {33 )。 





9.4 为 什么 要 用 递归 ? 它 更 快 吗 


我 们 运行 一 个 检测 程序 来 测试 本 章 三 种 不 同 的 fibonacci 函数 。 





| Test Ops/sec 


38,699,512 
lterative fibonacciIterative(25) +2.11% 
fastest 


1,420 
Recursive fibonacciC25) +£1.01% 
100% slower 


27,697,365 
Memoization fibonacciMemoizationC25) 43.16% 
| 29% slower 





























和 迭代 的 版 本 比 递归 的 版 本 快 很 多 , 所 以 这 表示 递归 更 慢 。 但 是 , 再 看 看 三 个 不 同 版 本 的 代码 。 
递归 版 本 更 容易 理解 , 需要 的 代码 通常 也 更 少 。 另 外 , 对 一 些 算法 来 说 , 迭代 的 解法 可 能 不 可 用 ， 
而 且 有 了 尾 调用 优化 ， 递 归 的 多 余 消 耗 甚至 可 能 被 消除 。 


所 以 ， 我 们 经 常 使 用 递归 ， 因 为 用 它 来 解决 问题 会 更 简单 。 
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9.5 “小 结 
本 章 ， 我 们 学 习 了 怎样 写 两 种 著名 算法 的 迭代 版 本 和 递归 版 本 : 数 的 阶乘 和 斐 波 那 契 数列 。 
我 们 学 习 了 一 种 叫 作 记 忆 化 的 优化 技术 ， 它 可 以 防止 递归 算法 重复 计算 一 个 相同 的 值 。 


我 们 还 比较 了 斐 波 那 稳 算法 的 迭代 版 本 和 递归 版 本 的 性 能 ， 了 解 了 尽管 迭代 版 本 可 能 更 快 ， 
但 是 递归 算法 会 使 人 更 容易 阅读 和 理解 它 正 在 做 什么 。 


在 下 一 章 , 我 们 将 会 学 习 树 数据 结构 。 我们 会 创建 Tree 类 , 而 它 的 大 部 分 方法 会 使 用 递归 。 




















树 








到 目前 为 止 , 本 书 已 经 介绍 了 一 些 顺 序数 据 结构 ， 而 第 一 个 非 顺序 数据 结构 是 散 列表 。 在 本 
， 我 们 将 要 学 习 另 一 种 非 顺序 数据 结构 一 一 树 ， 它 对 于 存储 需要 快速 查找 的 数据 非常 有 用 。 


本 音 内 容 包括 : 


口 树 的 相关 术语 
口 创建 二 又 搜索 树 
口 树 的 遍历 

口 添加 和 移 除 节点 
口 AVL 树 


如 








10.1 树 数据 结构 


树 是 一 种 分 层 数 据 的 抽象 模型 。 现 实生 活 中 最 常见 的 树 的 例子 是 家 谱 ,， 或 是 公司 的 组 织 架构 
图 ， 如 下 图 所 示 。 




















营销 副 总 生产 副 总 尖 售 副 总 

党 锁 恒 总 埠 复 ol 锁 售 副 总 裁 复 
经 理 经 理 和 

ey ~ 各 于 。 和 有 
经 理 区 
0 -多 用 关上 








经 理 
”| Arya 上 











170 第 10 章 树 


10.2 ” 树 的 相关 术语 


一 个 树 结构 包含 一 系列 存在 父子 关系 的 节点 。 每 个 节点 都 有 一 个 父 节点 (除了 顶部 的 第 一 个 
节点 ) 以 及 零 个 或 多 个 子 节 点 : 



































位 于 树 顶 部 的 节点 叫 作 根 节 点 (11 )。 它 没有 父 节 点 。 树 中 的 每 个 元 素 都 叫 作 节点 ， 节 点 分 
为 内 部 节点 和 外 部 节点 。 至 少 有 一 个 子 节点 的 节点 称 为 内 部 节点 (7、5、9、15、13 和 20 是 内 部 
节点 )。 没 有 子 元 素 的 节点 称 为 外 部 节点 或 叶 节 点 (3、6、8、10、12、14、18 和 25 是 叶 节 点 )。 


一 个 节点 可 以 有 祖先 和 后 代 。 一 个 节点 (除了 根 节点 ) 的 祖先 包括 父 节 点 、 祖 父 节 点 、 曾 祖 
父 节点 等 。 一 个 节点 的 后 代 包 括 子 节点 、 孙 子 节 点 、 曾 孙 节 点 等 。 例 如 ， 节 点 5 的 祖先 有 节点 7 
和 节点 11， 后 代 有 节点 3 和 节点 6。 


有 关 树 的 另 一 个 术语 是 子 树 。 子 树 由 节点 和 它 的 后 代 构 成 。 例 如 ,有 点 13、12 和 14 构成 了 
上 图 中 树 的 一 棵 子 树 。 


节点 的 一 个 属性 是 深度 ， 节 点 的 深度 取决 于 它 的 祖先 节点 的 数量 。 比 如 ,节点 3 有 3 个 祖先 
节点 (5、7 和 11)， 它 的 深度 为 3。 


树 的 高 度 取 决 于 所 有 节点 深度 的 最 大 值 。 一 棵 树 也 可 以 被 分 解 成 层级 。 根 节点 在 第 0 层 , 它 
的 子 节 点 在 第 ! 层 ， 以 此 类 推 。 上 图 中 的 树 的 高 度 为 3〈 最 大 高 度 已 在 图 中 表示 一 一 第 3 层 )。 


现在 我 们 知道 了 与 树 相 关 的 一 些 最 重要 的 概念 ， 下 面 来 学 习 更 多 有 关 树 的 知识 。 















































10.3 二叉树 和 二 叉 搜 索 树 


二 叉 树 中 的 节点 最 多 只 能 有 两 个 子 节 点 : 一 个 是 左 侧 子 节 点 ， 另 一 个 是 右 侧 子 节 点 。 这 个 定 
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义 有 助 于 我 们 写 出 更 高 效 地 在 树 中 插入 、 查 找 和 删除 节点 的 算法 。 二 又 树 在 计算 机 科学 中 的 应 用 
非常 广泛 。 

二 叉 搜 索 树 (BST ) 是 二 又 树 的 一 种 ， 但 是 只 允许 你 在 左 侧 节 点 存储 〈 比 父 节 点 ) 小 的 值 ， 
在 右 侧 节点 存储 ( 比 父 节 点 ) 大 的 值 。 上 一 节 的 图 中 就 展现 了 一 棵 二 又 搜索 树 。 


二 又 搜索 树 将 是 我 们 要 在 本 章 研究 的 数据 结构 。 





10.3.1 创建 BinarySearchTree 类 
我 们 先 来 创建 Node 类 来 表示 二 又 搜索 树 中 的 每 个 节点 ， 代 码 如 下 。 


export class Node { 
constructor(key) { 
this.key = key; // {1} 节点 值 
this.left = null; // 左 侧 子 节点 引用 
this.right = null; // 右 侧 子 节点 引用 
} 
} 


下 图 展现 了 二 又 搜索 树 数据 结构 的 组 织 方式 。 





节点 刍 











null null null null null null null null 





和 链表 一 样 ， 我 们 将 通过 指针 (引用 ) 来 表示 节点 之 间 的 关系 〈 树 相关 的 术语 称 其 为 边 )。 
在 双向 链表 中 , 每 个 节点 包含 两 个 指针 ,一 个 指向 下 一 个 节点 , 另 一 个 指向 上 一 个 节点 。 对 于 树 ， 
使 用 同样 的 方式 ( 也 使 用 两 个 指针 )， 但 是 一 个 指向 左 侧 子 节点 ， 另 一 个 指向 右 侧 子 节点 。 因 此 ， 
将 声明 一 个 Node 类 来 表示 树 中 的 每 个 节点 。 值 得 注意 的 一 个 小 细节 是 , 不同 于 在 之 前 的 章节 中 
将 节点 本 身 称 作 节 点 或 项 ， 我 们 将 会 称 其 为 键 ( 行 {1} )。 键 是 树 相 关 的 术语 中 对 节点 的 称呼 。 








下 面 ， 我 们 会 声明 BinarySearchTree 类 的 基本 结构 。 


import { Compare, defaultCompare } from '../util'; 
import { Node } from './models/node'; 


export default class BinarySearchTree { 
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树 





constructor(compareFn = defaultCompare) { 
this.compareFn = compareFn; // 用 来 比较 节点 值 


this.root 
} 
} 





= null; // {1} Node 类 型 的 根 节点 


我 们 将 会 遵循 和 LinkedList 类 中 相同 的 模式 (第 6 章 )， 这 表示 也 将 声明 一 个 变量 以 控制 
此 数据 结构 的 第 一 个 节点 。 在 树 中 ， 它 不 再 是 head， 而 是 root ( 行 {1} )。 





然后 ， 我 们 需要 实现 











falseo 





口 inorderTraverse(): 通过 中 序 遍 历 方式 遍历 所 有 节点 。 


























口 preOrderTraverse(): 通过 先 序 遍历 方式 遍历 所 有 节点 。 

口 postorderTraverse(): 通过 后 序 遍 历 方式 遍历 所 有 节点 。 
DO min(): 返回 树 中 最 小 的 值 / 键 。 
D max() : 返回 树 中 最 大 的 值 / 键 。 
口 remove (key) : 从 树 中 移 除 某 个 键 。 








我 们 将 在 后 面 的 小 节 中 实现 每 个 方法 。 


10.3.2 ”向 二 叉 搜索 树 中 插入 一 个 键 





些 方法 。 下 面 是 将 要 在 BinarySearchTree 类 中 实现 的 方法 。 


口 insert (key) : 向 树 中 插入 一 个 新 的 键 。 
口 search (key) : 在 树 中 查找 一 个 键 。 如 果 节 点 存在 ， 则 返回 true; 如 果 不 存 在 ， 则 返回 


本 章 要 实现 的 方法 会 比 前 几 章 实现 的 方法 稍微 复杂 一 些 。 我 们 将 会 在 方法 中 使 用 很 多 递归 。 
如 果 你 对 递归 还 不 熟悉 的 话 ， 请 先 参考 第 9 章 。 


下 面 的 代码 是 用 来 向 树 插入 一 个 新 键 的 算法 的 第 一 部 分 。 





insert (key) { 








if."(this. toot es HULL): .€ /7 {1 


this.root 
} else { 


= new Node(key); // {2} 


this.insertNode(this.root, key); // {3} 


} 
3 


要 向 树 中 搬入 一 个 新 的 节点 〈 或 键 )， 要 经 历 三 个 步骤 。 





第 一 步 是 验证 提 






































入 操作 是 否 是 特殊 情况 。 对 于 二 又 搜索 树 的 特殊 情况 是 , 我 们 尝试 扩 


























和 入 的 树 


节点 是 否 为 第 一 个 节点 ( 行 {1} ),。 如 果 是 , 我 们 要 做 的 就 是 创建 一 个 Node 类 的 实例 并 将 它 赋 值 
oot 指向 这 个 新 节点 〈 行 12} )。 因 为 在 Node 构建 函数 的 属性 里 ， 只 需要 向 








给 root 属性 来 将 下 


构造 函数 传递 我 们 想 月 











来 插入 树 的 节点 值 (key )， 它 的 左 指针 和 右 指 针 的 值 会 由 构造 函数 自动 
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设置 为 null。 





第 二 步 是 将 节点 添加 到 根 节 点 以 外 的 其 他 位 置 。 在 这 种 情况 下 , 我们 需要 一 个 辅助 方法 ( 行 
{3} ) 来 帮助 我 们 做 这 件 事 ， 它 的 声明 如 下 。 


insertNode (node, key) { 
if (this.compareFn (key, node.key) === Compare.LESS_THAN) { // {4} 
if (node.left == null) { // {5} 
node.left = new Node(key); // {6} 
} else { 
this.insertNode (node.left, key); // {7} 

















} 


} else { 
if (node.right == null) { // {8} 
node.right = new Node(key); // {9} 
} else { 





this.insertNode (node.right, key); // {10} 
} 
lj 
} 





insertNoge 方法 会 帮助 我 们 找到 新 节点 应 该 插入 的 正确 位 置 。 下 面 是 这 个 函数 实现 的 步 又 。 





口 如 果树 非 空 ， 需 要 找到 搬入 新 节点 的 位 置 。 因 此 ， 在 调用 insertNode 方法 时 要 通过 参 

数 传 入 树 的 根 节 点 和 要 插入 的 节点 。 

口 如 果 新 节点 的 键 小 于 当前 三 点 的 键 ( 现在， 当前 节点 就 是 根 节 点 ) ( 行 {4} ), 那么 需要 检 
查 当 前 节点 的 左 侧 子 节点 。 注 意 在 这 里 ， 由 于 键 可 能 是 复杂 的 对 象 而 不 是 数 ， 我 们 使 用 
传人 二 义 搜索 树 构造 函数 的 compareFn 函数 来 比较 值 。 如 果 它 没有 左 侧 子 节 点 ( 行 15} )， 
就 在 那里 插入 新 的 节点 〈 行 16} )。 如 果 有 左 侧 子 节点 ， 需 要 通过 递归 调用 insertNode 
方法 ( 行 {7} ) 继续 找到 树 的 下 一 层 。 在 这 里 ， 下 次 要 比较 的 节点 将 会 是 当前 节点 的 左 侧 
子 节 点 〈 左 侧 节点 子 树 )。 

口 如 果 节 点 的 键 比 当前 节点 的 键 大 ， 同 时 当前 节点 没有 右 侧 子 节点 〈 行 148} )， 就 在 那里 插 

入 新 的 节点 ( 行 {9} )。 如 果 有 右 侧 子 节点 ， 同 样 需 要 递归 调用 insertNode 方法 ,但 是 

要 用 来 和 新 节点 比较 的 节点 将 会 是 右 侧 子 节 点 〈 右 侧 节点 子 树 ) ( 行 {10} )。 


我 们 来 将 这 个 逻辑 应 用 在 一 个 例子 中 ,以 便 更 好 地 理解 这 个 过 程 。 考 虑 下 面 的 情景 : 我 们 有 
一 棵 新 的 树 ， 并 且 想 要 向 它 插入 第 一 个 值 。 在 这 个 例子 中 ,我们 执行 下 面 的 代码 。 


const tree = new BinarySearchTree(); 
tree.insert (11); 


这 种 情况 下 , 树 中 有 一 个 单独 的 节点 , 根 指针 将 会 指向 它 。 源 代码 的 行 {1} 和 行 {2} 将 会 执行 。 
现在 ,来 考虑 下 图 所 示 树 结构 的 情况 。 
















































































创建 上 图 所 示 的 树 的 代码 如 下 ， 它 们 接着 上 面 一 段 代码 (插入 了 键 为 11 的 节点 ) 之 后 输入 





tree.insert 
tree.inser 
tree.inser 


tree.insert 
tree.inser 
tree.inser 


tree.inser 
tree.inser 
tree.insert 
tree.inser 
tree.inser 
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tree.insert 


同时 ， 我 们 想 要 插入 一 个 值 为 6 的 键 , 执行 下 面 的 代码 。 


tree.insert (6); 
下 面 的 步骤 将 会 被 执行 。 


(1) 树 不 是 空 的 ， 行 {3} 的 代码 将 会 执行 。ijnsertNode 方法 将 会 被 调用 ( root, key[6] )。 

(2) 算法 将 会 检测 行 {4} (key[6] < root [11] 为 真 )， 并 继续 检测 行 {5} (node.1left[7] 
不 是 null )， 然 后 将 到 达 行 17} 并 调用 insertNode (node.left[7], key[6] )。 

(3) 再 次 进入 insertNode 方法 内 部 ,但 是 使 用 了 不 同 的 参数 。 它 会 再 次 检测 行 L4}( key [6]< 
node[7] 为 真 )， 然 后 再 检测 行 {5} ( node.left[5] 不 是 null )， 接 着 到 达 行 17}， 调 用 
insertNode (node.left[5], key[6] )。 

(4) 将 再 一 次 进入 insertNode 方法 内 部 。 它 会 再 次 检测 行 {4} ( key [6] < node[5] 为 假 )， 
然后 到 达 行 {8}( node.right 是 null 一 一 节点 5 没有 任何 右 侧 的 子 节点 ), 然 后 将 会 执行 行 {9}， 
在 节点 5 的 右 侧 子 节点 位 置 插入 键 6。 

(5) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 束 。 


下 图 是 插入 键 6 后 的 结果 。 
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10.4 ” 树 的 遍历 


遍历 一 棵 树 是 指 访问 树 的 每 个 节点 并 对 它们 进行 某 种 操作 的 过 程 。 但 是 我 们 应 该 怎么 去 做 
呢 ? 应 该 从 树 的 顶端 还 是 底 端 开始 呢 ? 从 左 开 始 还 是 从 右 开始 呢 ? 访问 树 的 所 有 节点 有 三 种 方 
式 : 中 序 、 先 序 和 后 序 。 


在 后 面 的 小 三 中 ， 我 们 将 会 深入 了 人 解 这 三 种 遍历 方式 的 用 法 和 实现 。 















































10.4.1 中 序 遍 历 


中 序 遍 历 是 一 种 以 上 行 顺序 访问 BST 所 有 节点 的 遍历 方式 ， 也 就 是 以 从 最 小 到 最 大 的 顺序 
访问 所 有 节点 。 中 序 遍 历 的 一 种 应 用 就 是 对 树 进行 排序 操作 。 我 们 来 看 看 它 的 实现 。 
inOrderTraverse(callback) { 
this.inOrderTraverseNode (this.root, callback); // {1} 
} 
inOrderTraverse 方法 接收 一 个 回调 函数 作为 参数 。 回 调 函 数 用 来 定义 我 们 对 遍历 到 的 每 
个 节点 进行 的 操作 〈 这 也 叫 作 访 问 者 模式 ， 要 了 解 更 多 关于 访问 者 模式 的 信息 ， 请 参考 
http://en.wikipedia.org/wiki/Visitor_pattern )。 由 于 我 们 在 BST 中 最 常 实现 的 算法 是 递归 ， 这 里 使 
用 了 一 个 辅助 方法 ,来 接收 一 个 节点 和 对 应 的 回调 函数 作为 参数 ( 行 1L} )。 辅 助 方法 如 下 所 示 。 
inOrderTraverseNode (node, callback) { 
if (node != null) { // {2} 
this.inOrderTraverseNode (node.left, callback); // {3} 


callback (node.key); // {4} 
this.inOrderTraverseNode (node.right, callback); // {5} 












































} 
} 


要 通过 中 序 遍 历 的 方法 遍历 一 棵 树 ， 首 先 要 检查 以 参数 形式 传 入 的 节点 是 否 为 nu11 ( 行 
{2} 一 一 这 就 是 停止 递归 继续 执行 的 判断 条 件 ， 即 递归 算法 的 基线 条 件 )。 
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然后 ， 递 归 调 用 相同 的 函数 来 访问 左 侧 子 节点 ( 行 {3} )。 接 着 对 根 节点 ( 行 {4} ) 进行 一 些 
操作 (callback )， 然 后 再 访问 右 侧 子 节 点 ( 行 {5} )。 
我 们 试 着 在 之 前 展示 的 树 上 执行 下 面 的 方法 。 


const printNode = (value) => console.log(value); // {6} 
tree.inOrderTraverse (printNode); // {7} 


























首先 ， 需 要 创建 一 个 回调 函数 ( 行 15} )。 我 们 要 做 的 ， 是 在 浏览 器 的 控制 台 上 输出 节点 的 
值 。 然 后 ， 调 用 inorderTraverse 方法 并 将 回调 函数 作为 参数 传人 ( 行 {7} )。 当 执行 上 面 的 
代码 后 ， 下 面 的 结果 将 会 在 控制 人 台 上 输出 ( 每 个 数 将 会 输出 在 不 同 的 行 上 )。 
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下 图 描绘 了 ijnorderTraverse 方法 的 访问 路 径 。 

















10.4.2” 先 序 遍 历 

先 序 遍历 是 以 优先 于 后 代 节 点 的 顺序 访问 每 个 节点 的 。 先 序 遍 历 的 一 种 应 用 是 打印 一 个 结构 
化 的 文档 。 

我 们 来 看 其 实现 。 

preOrderTraverse(callback) { 


this.preOrderTraverseNode (this.root, callback); 


} 














preOorderTraverseNode 方法 的 实现 如 下 。 





preOrderTraverseNode (node, callback) { 
if (node != null) { 
callback (node.key); // {1} 
this.preOrderTraverseNode (node.left, callback); // {2} 
this.preOrderTraverseNode (node.right, callback); // {3} 
} 
} 
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先 序 遍历 和 中 序 遍 历 的 不 同 点 是 ， 先 序 遍 历 会 先 访 问 节点 本 身 ( 行 {1} )， 然 后 再 访问 它 的 
左 侧 子 节 点 ( 行 {2} ), 最 后 是 右 侧 子 节 点 ( 行 {3} ), 而 中 序 遍 历 的 执行 顺序 是 : {2}、{1} 和 {3}。 


下 面 是 控制 全 上 的 输出 结果 ( 每 个 数 将 会 输出 在 不 同 的 行 上 )。 
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下 图 摘 绘 了 preorqerTraverse 方法 的 访问 路 径 : 




















10.4.3 ”后 序 遍 历 

后 序 遍历 则 是 先 访问 节点 的 后 代 节 点 , 再 访问 节点 本 身 。 后 序 遍 历 的 一 种 应 用 是 计算 一 个 目 
录 及 其 子 目 录 中 所 有 文件 所 占 空间 的 大 小 。 

我 们 来 看 它 的 实现 。 

postOrderTraverse(callback) { 


this.postOrderTraverseNode (this.root, callback); 


} 









































postOrderTraverseNode 方法 的 实现 如 下 。 





postOrderTraverseNode (node, callback) { 
if (node != null) { 
this.postOrderTraverseNode (node.left, callback); // {1} 
this.postOrderTraverseNode (node.right, callback); // {2} 
callback (node.key); // {3} 
J 
} 


这 个 例子 中 ， 后 序 遍 历 会 先 访问 左 侧 子 节点 ( 行 {1} )， 然 后 是 右 侧 子 节点 ( 行 {2} )， 最 后 
是 父 节点 本 身 ( 行 {3} )。 


























你 会 发 现 ， 中 序 、 先 序 和 后 序 遍 历 的 实现 方式 是 很 相似 的 ,唯一 不 同 的 是 行 {1}、{2} 和 {3} 
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的 执行 顺序 。 
下 面 是 控制 台 的 输出 结果 ( 每 个 数 将 会 输出 在 不 同行 上 )。 
3658109712141318 25201511 


下 图 描绘 了 postorderTraverse 方法 的 访问 路 径 。 




















10.5 ”搜索 树 中 的 值 
在 树 中 ， 有 三 种 经 常 执 行 的 搜索 类 型 


D 搜索 最 小 值 
口 搜索 最 大 值 
口 搜索 特定 的 值 


我 们 依次 来 看 。 























10.5.1 搜索 最 小 值 和 最 大 值 
我 们 使 用 下 面 的 树 作为 示例 。 
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只 用 眼睛 看 这 张 图 ， 你 能 立刻 找到 树 中 的 最 小 值 和 最 大 值 吗 ? 


如 果 你 看 一 眼 树 最 后 一 层 最 左 侧 的 节点 ， 会 发 现 它 的 值 为 3， 这 是 这 棵 树 中 最 小 的 键 。 如 果 
你 再 看 一 眼 树 最 右 端 的 节点 ( 同样 是 树 的 最 后 一 层 )， 会 发 现 它 的 值 为 253， 这 是 这 棵 树 中 最 大 的 
键 。 这 条 信息 在 我 们 实现 搜索 树 节点 的 最 小 值 和 最 大 值 的 方法 时 能 给 予 我 们 很 大 的 帮助 。 


首先 ， 我 们 来 看 寻找 树 的 最 小 键 的 方法 。 


min() { 
return this.minNode(this.root); // {1} 
} 
min 方法 将 会 暴露 给 用 户 。 这 个 方法 调用 了 minNogde 方法 ( 行 {1} )。 
minNode (node) { 
let current = node; 
while (current != null && current.left != null) { // {2} 
current = current.left; // {3} 
} 


return current; // {4} 


} 
minNode 方法 允许 我 们 从 树 中 任意 一 个 节点 开始 寻找 最 小 的 键 。 我 们 可 以 使 用 它 来 找到 一 
棵 树 或 其 子 树 中 最 小 的 键 。 因 此 ， 我 们 在 调用 minNode 方法 的 时 候 传人 树 的 根 节点 〈 行 11) )， 
因为 我 们 想 要 找到 整 棵 树 的 最 小 键 。 
在 minNode 方法 内 部 ,我 们 会 遍历 树 的 左边 ( 行 {2} 和 行 {3} ) 直到 找到 树 的 最 下 层 ( 最 
左 端 )。 


外 minNode 方法 中 使 用 的 逻辑 和 我 们 在 第 6 章 中 用 来 遍历 到 最 后 一 个 节点 使 用 的 












































代码 很 相似 。 这 里 的 不 同 之 处 在 于 我 们 遍历 到 树 最 左 端的 节点 。 





以 相似 的 方式 ， 可 以 实现 max 方法 。 


max() { 
return this.maxNode (this.root); 
} 
maxNode (node) { 
Jet current = node; 
while (current != null && current.right != null) { // {5} 
current = current.right; 
} 
return current; 


} 
要 找到 最 大 的 键 ， 我 们 要 沿 着 树 的 右边 进行 遍历 ( 行 {5} ) 直到 找到 最 右 端的 节点 。 
因此 ， 对 于 寻找 最 小 值 ， 总 是 沿 着 树 的 左边 ; 而 对 于 寻找 最 大 值 ， 总 是 沿 着 树 的 右边 。 
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10.5.2 ”搜索 一 个 特定 的 值 


在 之 前 的 章节 中 ， 我 们 同样 实现 了 find、search 或 get 方法 来 查找 数据 结构 中 的 一 个 特 
定 的 值 。 我 们 将 同样 在 BST 中 实现 搜索 的 方法 ,来 看 它 的 实现 。 


search(key) { 
return this.searchNode(this.root, key); // {1} 
} 
searchNode (node, key) { 
if (node == null) { // {2} 
return false; 
} 
if (this.compareFn(key, node.key) === Compare.LESS_ THAN) { // {3} 
return this.searchNode (node.left, key); // {4} 
} else if ( 





this.compareFn(key, node.key) === Compare.BIGGER_THAN 
Ee /Es 
return this.searchNode (node.right, key); // {6} 
} else { 


return true; // {7} 
} 

} 

我 们 要 做 的 第 一 件 事 ， 是 声明 search 方法 。 和 BST 中 声明 的 其 他 方法 的 模式 相同 ， 我 们 
将 会 使 用 一 个 辅助 方法 ( 行 {1} )。 

searchNode 方法 可 以 用 来 寻找 一 棵 树 或 其 任意 子 树 中 的 一 个 特定 的 值 。 这 也 是 为 什么 在 
行 {1} 中 调用 它 的 时 候 传 人 树 的 根 节点 作为 参数 。 

在 开始 算法 之 前 ， 要 验证 作为 参数 传人 的 node 是 否 合法 (不 是 null 或 undefined)。 如 
果 是 的 话 ， 说 明 要 找 的 键 没 有 找到 ， 返 回 false。 


如 果 传 入 的 节点 不 是 nul1， 需 要 继续 验证 。 如 果 要 找 的 键 比 当前 的 节点 小 〈 行 13} )， 那么 
继续 在 左 侧 的 子 树 上 搜索 ( 行 {4} )。 如果 要 找 的 键 比 当前 的 节点 大 〈 行 145}) )， 那 么 就 从 右 侧 子 
节点 开始 继续 搜索 ( 行 f6} )， 否 则 就 说 明 要 找 的 键 和 当前 节点 的 键 相 等 , 返回 true 来 表示 找到 
了 这 个 键 ( 行 {7} )。 


可 以 通过 下 面 的 代码 来 测试 这 个 方法 。 


























console.log(tree.search(1) ? 'Key 1 found.' : 'Key 1 not found.'); 
console.log(tree.search(8) ? 'Key 8 found.' : 'Key 8 not found.'); 
输出 结果 如 下 所 示 。 


Value 1 not found. 
Value 8 found. 


让 我 们 详细 展示 是 如 何 执 行 该 方法 来 查找 1 这 个 键 的 。 
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(1) 调用 searchNoge 方法 ， 传 人 根 节 点 作为 参数 ( 行 {1} )。noqe [root [11]] 不 为 nul1 
( 行 {2} )， 因 此 我 们 执行 到 行 {3}。 

(2) key[1] < node[11] 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方法 ， 
传人 node[7]，key [1] 作 为 参数 。 

(3) node[7] 不 为 null ( 行 {2} )， 因 此 继续 执行 行 {3}。 

(4) key [1] < nogde[7] 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方法 ， 传 
入 node[5]，key[1] 作 为 参数 。 

(5) node[5] 不 为 null( 行 {2} )， 因 此 继续 执行 行 {3}。 

(6) key [1] < nogde[5] 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方法 , 传 
入 node[3]，key [1] 作 为 参数 。 

(7) node [3] 不 为 nul1 ( 行 {2} )， 因 此 来 到 行 {3}。 

(8) key [1] < nogde[3] 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方法 , 传 
入 nul1l，key[1] 作 为 参数 。nu1ll 被 作为 参数 传人 是 因为 node [3] 是 一 个 叶 节 点 ( 它 没有 子 节 
点 ， 所 以 它 的 左 侧 子 节 点 的 值 为 null )。 

(9) 节点 的 值 为 null ( 行 {2}， 这 时 要 搜索 的 节点 为 null )， 因 此 返回 false。 

(10) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 束 。 


让 我 们 再 来 查找 值 为 8 的 节点 。 


(1) 调用 searchNode 方法 ， 传 人 root 作为 参数 ( 行 {1} )。noqe [root [11]] 不 为 nul1l 
( 行 {2} )， 因 此 我 们 来 到 行 {3}。 

(2) key [8] < node[11] 为 真 ( 行 {3} )， 因 此 执行 到 行 14} 并 再 次 调用 searchNode 方法 ， 
传人 node[7] ，key[8] 作 为 参数 。 

(3) nogde[7] 不 为 null1， 因 此 来 到 行 {3}。 

(4) key[8] < node[7] 为 假 ( 行 {3})， 因 此 来 到 行 {5}。 

(5) key[8] > node[7] 为 真 ( 行 {5} )， 因 此 来 到 行 {6} 并 再 次 调用 searchNode 方法 , 传 
人 node[9] ，key [8] 作 为 参数 。 

(6) node [9] 不 为 nul1 ( 行 {2} )， 因 此 来 到 行 {3}。 

(7) key [8] < node[19] 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方法 , 传 
人 node[8] ，key[8] 作 为 参数 。 

(8) node [8] 不 为 nul1l ( 行 {2} )， 因 此 来 到 行 {3}。 

(9) key [8] < node[8] 为 假 ( 行 {3} )， 因 此 来 到 行 {5}。 

(10) key [8] > node[8] 为 假 ( 行 {5} )， 因 此 来 到 行 {7} 并 返回 true， 因 为 node[8] 就 
要 找 的 键 。 

(11) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 
































并 
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10. 5. 3 移 除 一 个 个 节点 


我 们 要 为 BST 实现 的 下 一 个 、 也 是 最 后 一 个 方法 是 remove 方法 。 这 是 我 们 在 本 书 中 要 实 
现 的 最 复杂 的 方法 。 我 们 先 创建 这 个 方法 ， 使 它 能 够 在 树 的 实例 上 被 调用 。 


remove(key) { 
this.root = this.removeNode (this.root, key); // {1} 
} 


这 个 方法 接收 要 移 除 的 键 并 日 调用 了 removeNode 方法 ,传人 root 和 要 移 除 的 键 作为 参数 
( 行 {1} )。 我 要 提醒 大 家 的 一 件 非常 重要 的 事情 : root 被 赋值 为 removeNode 方法 的 返回 值 。 
我 们 稍 后 会 明白 其 中 的 原因 。 


removeNode 方法 的 复杂 之 处 在 于 我 们 要 处 理 不 同 的 运行 场景 ,当然 也 因为 它 同样 是 通过 弟 
归来 实现 的 。 


我 们 来 看 removeNodge 方法 的 实现 。 


removeNode (node, key) { 
if (node == null) { // {2} 
return null; 
} 
if (this.compareFn(key, node.key) === Compare.LESS_THAN) { // {3} 
node.left = this.removeNode (node.left, key); // {4} 
return node; // {5} 
} else if ( 
this.compareFn(key, node.key) === Compare.BIGGER_THAN 
) { // {6} 
node.right = this.removeNode (node.right, key); // {7} 
return node; // {8} 
} else { 
// 键 等 于 nodqe .key 
// 第 一 种 情况 
if (node.left == null && node.right == null) { // {9} 
node = null; // {10} 
return node; // {11} 
} 
// 第 二 种 情况 
if (node.left == null) { // {12} 
node = node.right; // {13} 
return node; // {14} 
F ELSse if (node. right se: null)} {.// tL5} 
node = node.left; // {16} 
return node; // {17} 
} 
// 第 三 种 情况 
const aux = this.minNode (node.right); // {18} 
node.key = aux.key; // {19} 
node.right = this.removeNode (node.right, aux.key); // {20} 
return node; // {21} 
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我 们 来 看 行 12}, 如 果 正 在 检测 的 节点 为 null, 那么 说 明 键 不 存在 于 树 中 , 所 以 返回 nul1l。 


如 果 不 为 nul1， 我 们 需要 在 树 中 找到 要 移 除 的 键 。 因 此 ， 如 果 要 找 的 键 比 当 前 节点 的 值 小 
( 行 13} ), 就 沿 着 树 的 左边 找到 下 一 个 节点 ( 行 {4} )。 如 果 要 找 的 键 比 当前 节点 的 值 大 ( 行 16} )， 
那么 就 沿 着 树 的 右边 找到 下 一 个 节点 ( 行 {7} )， 也 就 是 说 我 们 要 分 析 它 的 子 树 。 


如 果 我 们 找到 了 要 找 的 键 ( 键 和 node .key 相等 )， 就 需要 处 理 三 种 不 同 的 情况 。 
1. 移 除 一 个 时 节点 


第 一 种 情况 是 该 节点 是 一 个 没有 左 侧 或 右 侧 子 节点 的 叶 节 点 一 一 行 {9}。 在 这 种 情况 下 ， 我 
们 要 做 的 就 是 给 这 个 节点 赋予 null 值 来 移 除 它 ( 行 {9} )。 但 是 当 学 习 了 链表 的 实现 之 后 , 我 们 
知道 仅仅 赋 一 个 null 值 是 不 够 的 ， 还 需要 处 理 引 用 (指针 )。 在 这 里 ， 这 个 节点 没有 任何 子 节 
点 , 但 是 它 有 一 个 父 节点 , 需要 通过 返回 nul1 来 将 对 应 的 父 节点 指针 赋予 nu11 值 ( 行 {11} )。 


现在 节点 的 值 已 经 是 null 了 ， 父 节点 指向 它 的 指针 也 会 接收 到 这 个 值 ， 这 也 是 我 们 为 什么 
要 在 函数 中 返回 节点 的 值 。 父 节点 总 是 会 接收 到 函数 的 返回 值 。 另 一 种 可 行 的 办 法 是 将 父 节 点 和 
节点 本 身 都 作为 参数 传人 方法 内 部 。 

如 果 回 头 来 看 方法 的 第 一 行 代码 ， 会 发 现 我 们 在 行 L41 和 行 17} 更 新 了 节点 左右 指针 的 值 ， 
同样 也 在 行 {5} 和 行 {8} 返 回 了 更 新 后 的 节点 。 


下 图 展现 了 移 除 一 个 叶 节 点 的 过 程 。 









































































































































2. 移 除 有 一 个 左 侧 或 右 侧 子 节点 的 节点 

现在 我 们 来 看 第 二 种 情况 ， 移 除 有 一 个 左 侧 子 节点 或 右 侧 子 节点 的 节点 。 这 种 情况 下 ， 需 要 
跳 过 这 个 节点 ， 直 接 将 父 节点 指向 它 的 指针 指向 子 节 点 。 

如 果 这 个 节点 没有 左 侧 子 节点 ( 行 {12} )， 也 就 是 说 它 有 一 个 右 侧 子 节点 。 因 此 我 们 把 对 它 
的 引用 改 为 对 它 右 侧 子 节点 的 引用 ( 行 {13} ) 并 返回 更 新 后 的 节点 ( 行 {14} )。 如 果 这 个 点 没 
有 右 侧 子 节点 ， 也 是 一 样 一 一 把 对 它 的 引用 改 为 对 它 左 侧 子 节点 的 引用 ( 行 {16} ) 并 返回 更 新 
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后 的 值 ( 行 {17} )。 
下 图 展现 了 移 除 只 有 一 个 左 侧 子 节点 或 右 侧 子 节 点 的 节点 的 过 程 。 


























3. 移 除 有 两 个 子 节点 的 节点 

现在 是 第 三 种 情况 , 也 是 最 复杂 的 情况 , 那 就 是 要 移 除 的 节点 有 两 个 子 节 点 一 一 左 侧 子 节点 
和 右 侧 子 节点 。 要 移 除 有 两 个 子 节 点 的 节点 ， 需 要 执行 四 个 步骤 。 

(1) 当 找 到 了 要 移 除 的 节点 后 ， 需 要 找到 它 右边 子 树 中 最 小 的 节点 ( 它 的 继承 者 一 一 行 {18} )。 

(Q2) 然 后， 用 它 右 侧 子 树 中 最 小 节点 的 键 去 更 新 这 个 节点 的 值 ( 行 {19} )。 通过 这 一 步 ， 我们 
改变 了 这 个 节点 的 键 ， 也 就 是 说 它 被 移 除 了 。 

(G) 但 是 ， 这 样 在 树 中 就 有 两 个 拥有 相同 键 的 节点 了 ， 这 是 不 行 的 。 要 继续 把 右 侧 子 树 中 的 
最 小 节点 移 除 ， 毕 竟 它 已 经 被 移 至 要 移 除 的 节点 的 位 置 了 ( 行 120} )。 

(4) 最 后 ， 疝 它 的 父 节 点 返回 更 新 后 节点 的 引用 ( 行 {21} )。 
findMinNode 方法 的 实现 和 min 方法 的 实现 方式 是 一 样 的 。 唯 一 的 不 同 之 处 在 于 ， 在 min 
方法 中 只 返回 键 ， 而 在 findqMinNode 中 返回 了 节点 。 














































































































下 图 展现 了 移 除 有 两 个 子 节 点 的 节点 的 过 程 。 











替换 为 18 


从 右 侧 子 树 中 
移 除 最 小 节点 
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10.6 ” 自 平 衡 树 
现在 你 知道 如 何 使 用 二 叉 搜 索 树 了， 如 果 愿 意 的 话 ， 可 以 继续 学 习 更 多 关于 树 的 知识 。 


BST 存在 一 个 问题 : 取决 于 你 添加 的 节点 数 , 树 的 一 条 边 可 能 会 非常 深 ; 也 就 是 说 , 树 的 一 
条 分 支 会 有 很 多 层 ， 而 其 他 的 分 支 却 只 有 几 层 ， 如 下 图 所 示 。 




















这 会 在 需要 在 某 条 边 上 添加 、 移 除 和 搜索 某 个 节点 时 引起 一 些 性 能 问题 ,为 了 解决 这 个 问题 ， 
有 一 种 树 叫 作 Adelson-Velskii-Landi 树 ( AVL 树 )。AVL 树 是 一 种 自 平 衡 二 又 搜索 树 ， 意 思 是 任 
何 一 个 节点 左右 两 侧 子 树 的 高 度 之 差 最 多 为 1。 在 下 一 节 中 ， 你 会 学 到 更 多 关于 AVL 数 的 知识 。 





























10.6.1 Adelson-Velskii-Landi 树 (AVL 树 ) 


AVL 树 是 一 种 自 平衡 树 。 添 加 或 移 除 节 点 时 ，AVL 树 会 尝试 保持 自 平 衡 。 任意 一 个 节点 (不 论 
深度 ) 的 左 子 树 和 右 子 树 高 度 最 多 相差 1。 添 加 或 移 除 节 点 时 ，AVL 树 会 尽 可 能 尝试 转换 为 完全 树 。 


从 创建 我 们 的 AVLTree 类 开始 ， 声 明 如 下 。 


class AVLTree extends BinarySearchTree { 
constructor(comparerFn = defaultCompare) { 
super (comparern); 
this.compareFn = comparerFn; 
this.root = null; 
} 
} 
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既然 AVL 树 是 一 个 BST, 我 们 可 以 扩展 我 们 写 的 BST 类 , 只 需要 覆盖 用 来 维持 AVL 树 平衡 
的 方法 ， 也 就 是 insert、insertNode 和 removeNogde 方法 。 所 有 其 他 的 BST 方法 将 会 被 
AVLTree 类 继承 。 

在 AVL 树 中 插入 或 移 除 节点 和 BST 完全 相同 。 然 而 ，AVL 树 的 不 同 之 处 在 于 我 们 需要 检验 
它 的 平衡 因子 ， 如 果 有 需要 ， 会 将 其 逻辑 应 用 于 树 的 自 平衡 。 

我 们 将 会 学 习 怎 样 创建 remove 和 insert 方法 ,但 是 首先 需要 学 习 AVL 树 的 术语 和 它 的 
旋转 操作 。 

1. 节点 的 高 度 和 平衡 因子 

正如 本 章 开头 所 述 , 节点 的 高 度 是 从 节点 到 其 任意 子 节点 的 边 的 最 大 值 。 下 图 展示 了 一 个 包 
含 每 个 节点 高 度 的 树 。 
































计算 一 个 节点 高 度 的 代码 如 下 。 


getNodeHeight (node) 
if (node == null) 
return -1; 


{ 
{ 


} 
return Math.max( 
this.getNodeHeight (node.left), this.getNodeHeight (node.right) 
» 
} 
在 AVL 树 中 ,需要 对 每 个 节点 计算 右 子 树 高 度 (hr ) 和 左 子 树 高 度 (hl ) 之 间 的 差 值 ， 该 
值 Chrz-phl ) 应 为 0、1 或 -1。 如 果 结 果 不 是 这 三 个 值 之 一 ， 则 需要 平衡 该 AVL 树 。 这 就 是 平衡 
因子 的 概念 。 


下 图 举例 说 明了 一 些 树 的 平衡 因子 ( 所 有 的 树 都 是 平衡 的 )。 
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遵循 计算 一 个 节点 的 平衡 因子 并 返回 其 值 的 代码 如 下 。 


getBalanceFactor(node) { 
const heightDifference = this.getNodeHeight (node.left) - 
this.getNodeHeight (node.right); 
switch (heightDifference) { 
Case -2: 
return BalanceFactor.UNBALANCED_RIGHT; 
case -1: 
return BalanceFactor.SLIGHTLY_UNBALANCED_RIGHT; 
case 1: 
return BalanceFactor.SLIGHTLY_UNBALANCED_LEFT; 
case 2: 
return BalanceFactor .UNBALANCED_LEFT; 
default: 
return BalanceFactor .BALANCED; 


























小 
} 


为 了 避免 直接 在 代码 中 处 理 平 衡 因 子 的 数值 ， 我 们 还 要 创建 一 个 用 来 作为 计数 器 的 


JavaScript 常量 。 


树 押 


const BalanceFactor = { 
UNBALANCED_RIGHT: 1, 
SLIGHTLY_UNBALANCED_RIGHT: 2, 
BALANCED: 3, 
SLIGHTLY_UNBALANCED_ LEFT: 4, 
UNBALANCED_LEFT: 5 














我 们 会 在 下 面 学 习 到 每 个 heightDifference 表示 什么 。 


2. 平衡 操作 一 一 AVL 旋转 











在 对 AVL 树 添加 或 移 除 节 点 后 ,我们 要 计算 节点 的 高 度 并 验证 树 是 否 需 要 进行 平衡 ,向 AVL 





入 节点 时 ， 可 以 执行 单 旋转 或 双 旋转 两 种 平衡 操作 ， 分 别 对 应 四 种 场景 。 


口 左 - 左 〈LL): 向 右 的 单 旋转 
口 右 - 右 “〈RR): 向 左 的 单 旋转 
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口 左 - 右 〈LR): 向 右 的 双 旋 转 ( 先 LL 旋转 ,再 RR 旋转) 
口 右 - 左 《RL): 向 左 的 双 旋 转 ( 先 RR 旋转 ， 再 LL 旋转) 


@ 左 - 左 (LL ): 向 右 的 单 旋转 




















这 种 情况 出 现 于 节点 的 左 侧 子 节点 的 高 度 大 于 右 侧 子 节 点 的 高 度 时 , 并 且 左 侧 子 节点 也 是 平 


衡 或 左 侧 较 重 的 ， 如 下 图 所 示 。 
rotateRight(2) 
一 


我 们 来 看 一 个 实际 的 例子 ， 如 下 图 所 示 。 


GT) 
1 0 
(30 全 


/ 


© 一 


























1 
0 
假设 向 AVL 树 择 入 节点 5， 这 会 造成 树 失衡 ( 节点 50-Y 高 度 为 +2 )， 需 要 恢复 树 的 平衡 。 
下 面 是 我 们 执行 的 操作 : 











口 与 平衡 操作 相关 的 节点 有 三 个 (X、Y、Z), 将 节点 义 置 于 节点 了 (平衡 因子 为 +2 ) 所 在 
的 位 置 ( 行 {1} ); 

口 节点 X 的 左 子 树 保持 不 变 ; 

口 将 节点 Y 的 左 子 节点 置 为 节点 的 右 子 节点 Z( 行 12} ); 

口 将 节点 义 的 右 子 节点 置 为 节点 Y( 行 {3} )。 


下 面 的 代码 举例 说 明了 整个 过 程 。 


rotationLL(node) { 
const tmp = node.left; // {1} 
node.left = tmp.right; // {2} 
tmp.right = node; // {3} 
return tmp; 


} 
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@ 右 - 右 (RR ): 向 左 的 单 旋 转 


右 - 右 的 情况 和 左 - 左 的 情况 相反 。 它 出 现 于 右 侧 子 节点 的 高 度 大 于 左 侧 子 节点 的 高 度 , 并 且 
右 侧 子 节 点 也 是 平衡 或 右 侧 较 重 的 ， 如 下 图 所 示 。 


ou rotateLeft(2) 


我 们 来 看 一 个 实际 的 例子 ， 如 下 图 所 示 。 


or 



































假设 向 AVL 树 搬入 节点 90， 这 会 造成 树 失衡 〈 节点 50-Y 高 度 为 -2 )， 因 此 需要 恢复 树 的 平 
衡 。 下 面 是 我 们 执行 的 操作 : 


口 与 平衡 操作 相关 的 节点 有 三 个 (X、Y、Z), 将 节点 XX 置 于 节点 Y (平衡 因子 为 -2 ) 所 在 
的 位 置 ( 行 {1} ); 

口 节点 义 的 右 子 树 保持 不 变 ; 

口 将 节点 YY 的 右 子 节点 置 为 节点 义 的 左 子 节点 Z ( 行 (2} ); 

口 将 节点 和 的 左 子 节点 置 为 节点 Y( 行 13) )。 


下 面 的 代码 举例 说 明了 整个 过 程 。 


rotationRR(node) { 
const tmp = node.right; // {1} 
node.right = tmp.left; // {2} 
tmp.left = node; // {3} 
return tmp; 


} 
@ 左 - 右 (LR ): 向 右 的 双 旋 转 
这 种 情况 出 现 于 左 侧 子 节点 的 高 度 大 于 右 侧 子 节点 的 高 度 , 并 且 左 侧 子 节点 右 侧 较 重 。 在 这 
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种 情况 下 ， 我 们 可 以 对 左 侧 子 节点 进行 左旋 转 来 修复 ， 这 样 会 形成 左 - 左 的 情况 ， 然 后 再 对 不 平 
衡 的 节点 进行 一 个 右 旋 转 来 修复 ， 如 下 图 所 示 。 








rotateRi Riise 3) 


我 们 来 看 一 个 实际 的 例子 ， 如 下 图 所 示 。 


Romi 人 





























假设 向 AVL 树 择 入 节点 75， 这 会 造成 树 失衡 ( 节点 70-Y 高 度 为 -2 )， 需 要 恢复 树 的 平衡 。 
下 面 是 我 们 执行 的 操作 : 


口 将 节点 义 置 于 节点 Y (平衡 因子 为 -2 ) 所 在 的 位 置 ; 
口 将 节点 忆 的 左 子 节点 置 为 节点 和 的 右 子 节点 ; 

口 将 节点 Y 的 右 子 节点 置 为 节点 X 的 左 子 节点 ; 

口 将 节点 义 的 右 子 节点 置 为 节点 Yi; 

口 将 节点 和 的 左 子 节点 置 为 节点 Z。 


基本 上 ， 就 是 先 做 一 次 LL 旋转 ， 再 做 一 次 RR 旋转 。 
下 面 的 代码 举例 说 明了 整个 过 程 。 


rotationLR(node) { 
node.left = this.rotationRR (node.left); 
return this.rotationLL (node); 


} 
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@ 右 - 左 (REL ): 向 左 的 双 旋 转 


右 -- 左 的 情况 和 左 - 右 的 情况 相反 。 这 种 情况 出 现 于 右 侧 子 节点 的 高 度 大 于 左 侧 子 节点 的 高 
度 , 并 且 右 侧 子 节 点 左 侧 较 重 。 在 这 种 情况 下 我 们 可 以 对 右 侧 子 节点 进行 右 旋转 来 修复 ,这 样 会 
形成 右 - 右 的 情况 ， 然 后 我 们 再 对 不 平衡 的 节点 进行 一 个 左旋 转 来 修复 ， 如 下 图 所 示 。 


C3 rotateRight(3) (1) (2 rotateLeft(2) 


我 们 来 看 一 个 实际 的 例子 ， 如 下 图 所 示 。 












































假设 向 AVL 树 搬入 节点 35， 这 会 造成 树 失衡 ( 节点 50-Y 高 度 为 +2 )， 需要 恢复 树 的 平衡 。 
下 面 是 我 们 执行 的 操作 : 
口 将 方 点 义 置 于 节点 Y (平衡 因子 为 +2 ) 所 在 的 位 置 ; 
口 将 方 点 的 左 子 节 点 置 为 节点 义 的 右 子 节 后 ; 
口 将 三 点 Z 的 右 子 节点 置 为 节点 义 的 左 子 节点 ; 
口 将 节点 入 的 左 子 节 点 置 为 节点 Yi 
口 将 节点 和 的 右 子 节点 置 为 节点 Z。 


























基本 上 ， 就 是 先 做 一 次 RR 旋转 ， 再 做 一 次 LL 旋转 。 
下 面 的 代码 举例 说 明了 整个 过 程 。 
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rotationRL(node) { 
node.right = this.rotationLL (node.right); 
return this.rotationRR (node); 


} 
蛙 解 了 这 些 概 念 ， 我 们 就 可 以 专注 于 向 树 添加 阶段 和 从 树 移 除 节点 的 代码 了 。 
3. 向 AVL 树 插入 节点 


向 AVL 树 插 入 节点 和 在 BST 中 是 一 样 的 。 除 了 插入 节点 儿 
是 平衡 的 ， 如 果 不 是 ， 就 要 进行 必要 的 旋转 操作 。 
下 面 的 代码 向 AVL 树 插入 了 一 个 新 节点 。 


insert (key) { 
this.root = this.insertNode(this.root, key); 


‘tt 























A 


， 我 们 还 要 验证 插入 后 树 是 否 还 
































} 
insertNode (node, key) { 


// 像 在 BST 树 中 一 样 插入 节点 





if (node == null) { 
return new Node (key); 

} else if (this.compareFn(key, node.key) === Compare.LESS_THAN) { 
node.left = this.insertNode (node.left, key); 

} else if (this.compareFn(key, node.key) === Compare.BIGGER_THAN) { 
node.right = this.insertNode (node.right, key); 

} else { 


return node; // 重复 的 键 
} 
// 如 果 需 要 ， 将 树 进行 平衡 操作 


const balanceFactor = this.getBalanceFactor (node); // {1} 


if (balanceFactor === BalanceFactor.UNBALANCED_ LEFT) { // {2} 
if (this.compareFn (key, node.left.key) === Compare.LESS_THAN) { // {3} 
node = this.rotationLL(node); // {4} 
} else { 
return this.rotationLR(node); // {5} 





} 
} 


if (balanceFactor === BalanceFactor.UNBALANCED_ RIGHT) { // {6} 
汪汪 
this.compareFn(key, node.right.key) === Compare.BIGGER_THAN 
A 
node = this.rotationRR(node); // {8} 
} else { 


return this.rotationRL(node); // {9} 
} 
} 


return node; 


} 


在 向 AVL 树 搬 入 节点 后 ， 我 们 需要 检查 树 是 否 需要 进行 平衡 ， 因 此 要 使 用 递归 计算 以 每 个 
重信 树 的 节点 为 根 的 节点 的 平衡 因子 ( 行 {1} )， 然 后 对 每 种 情况 应 用 正确 的 旋转 。 











一 
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如 果 在 向 左 侧 子 树 插 入 节点 后 树 不 平衡 了 ( 行 {2} )， 我 们 需要 比较 是 否 搬入 的 键 小 于 左 侧 子 
节点 的 键 ( 行 {3} )。 如 果 是 ， 我 们 要 进行 LL 旋转 ( 行 {4} )。 否则 ， 要 进行 LR 旋转 ( 行 {5} )。 


如 果 在 向 右 侧 子 树 插 入 节点 后 树 不 平衡 了 ( 行 {6} )， 我们 需要 比较 是 否 插入 的 键 小 于 右 侧 子 
节点 的 键 ( 行 {7} )。 如 果 是 ， 我 们 要 进行 RR 旋转 ( 行 {8} )。 否则 ， 要 进行 RL 旋转 ( 行 {9} )。 


4. 从 AVL 树 中 移 除 节点 


从 AVL 树 移 除 节点 和 在 BST 中 是 一 样 的 。 除 了 移 除 节 点 外 ， 我 们 还 要 验证 移 除 后 树 是 否 还 
是 平衡 的 ， 如 果 不 是 ， 就 要 进行 必要 的 旋转 操作 。 


下 面 的 代码 从 AVL 树 移 除 了 一 个 节点 。 


removeNode (node, key) { 
node = super.removeNode (node, key); // {1} 
i (node 三 三 ULE) 这 
return node; // null, 不 需要 进行 平衡 
} 
// 检测 树 是 否 平 衡 


const balanceFactor = this.getBalanceFactor (node); // {2} 





















































if (balanceFactor === BalanceFactor.UNBALANCED _ LEFT) { // {3} 
const balanceFactorLeft = this.getBalanceFactor (node.left); // {4} 
让 在 3 
balanceFactorLeft === BalanceFactor.BALANCED || 
balanceFactorLeft === BalanceFactor.SLIGHTLY_ UNBALANCED_LEFT 
万 A 
return this.rotationLL(node); // {6} 
i 
balanceFactorLeft === BalanceFactor.SLIGHTLY_ UNBALANCED_RIGHT 
JE 


return this.rotationLR(node.left); // {8} 
lj 
} 





if (balanceFactor === BalanceFactor.UNBALANCED RIGHT) { // {9} 
const balanceFactorRight = this.getBalanceFactor (node.right); // {10} 
宇 下 2 
balanceFactorRight === BalanceFactor.BALANCED || 
balanceFactorRight === BalanceFactor.SLIGHTLY_UNBALANCED_ RIGHT 
A A 
return this.rotationRR(node); // {12} 
i( 
balanceFactorRight === BalanceFactor.SLIGHTLY_UNBALANCED_ LEFT 
人 


return this.rotationRL (node.right); // {14} 
} 
} 
return node; 


} 
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既然 AVLTree 类 是 BinarySearchTree 类 的 子 类 ,我们 也 可 以 使 用 BST 的 removeNode 
方法 来 从 AVL 树 中 移 除 节点 ( 行 {1} )。 在 从 AVL 树 中 移 除 节点 后 , 我 们 需要 检查 树 是 否 需 要 进 























行 平衡 ， 所 以 使 用 递归 计算 以 每 个 移 除 的 节点 为 根 的 节点 的 平衡 因子 ( 行 (2} )， 然 后 需要 对 每 
种 情况 应 用 正确 的 旋转 。 














如 果 在 从 左 侧 子 树 移 除 节 点 后 树 不 平衡 了 ( 行 {3} )， 我们 要 计算 左 侧 子 树 的 平衡 因子 ( 行 
{4} )。 如 果 左 侧 子 树 向 左 不 平衡 ( 行 {5} )， 要 进行 LL 旋转 ( 行 {6} ); 如 果 左 侧 子 树 向 右 不 平 
衡 ( 行 {7} )， 要 进行 LR 旋转 ( 行 {8} )。 

最 后 一 种 情况 是 ， 如 果 在 从 右 侧 子 树 移 除 节点 后 树 不 平衡 了 ( 行 {9} )， 我 们 要 计算 右 侧 子 
树 的 平衡 因子 ( 行 {10} )。 如 果 右 侧 子 树 向 右 不 平衡 ( 行 {11} ), 要 进行 RR 旋转 ( 行 {12} ); 如 
果 右 侧 子 树 向 左 不 平衡 ( 行 {13} )， 要 进行 LR 旋转 ( 行 {14} )。 
































10.6.2” 红 黑 树 


和 AVL 树 一 样 ， 红 黑 树 也 是 一 个 自 平衡 二 又 搜索 树 。 我 们 学 习 了 对 AVL 书 搬入 和 移 除 节 点 
可 能 会 造成 旋转 ,所 以 我 们 需要 一 个 包含 多 次 插入 和 删除 的 自 平衡 树 ， 红 黑 树 是 比较 好 的 。 如 果 



































插入 和 删除 频率 较 低 ( 我们 更 需要 多 次 进行 搜索 操作 )， 那 么 AVL 树 比 红 黑 树 更 好 。 
在 红 黑 树 中 ， 每 个 节点 都 遵循 以 下 规则 . 









































(1) 顾名思义 ， 每 个 节点 不 是 红 的 就 是 黑 的 ; 

(2) 树 的 根 节点 是 黑 的 ; 

(3) 所 有 叶 节 点 都 是 黑 的 (用 NULL 引用 表示 的 节点 ); 

(4) 如 果 一 个 节点 是 红 的 ， 那 么 它 的 两 个 子 节点 都 是 黑 的 ; 

(5) 不 能 有 两 个 相 邻 的 红 节点 ， 一 个 红 节 点 不 能 有 红 的 父 节 点 或 子 节点 ; 

(6) 从 给 定 的 节点 到 它 的 后 代 节 点 (NULL 叶 节 点 ) 的 所 有 路 径 包 含 相同 数量 的 黑色 节点 。 


我 们 从 创建 RedBlackTree 类 开始 ， 如 下 所 示 。 


class RedBlackTree extends BinarySearchTree { 
constructor(compareFn = defaultCompare) { 
super (CompareEn) ; 
this.compareFn = comparerFn; 
this.root = null; 
} 
} 


由 于 红 黑 树 也 是 二 又 搜索 树 , 可 以 扩展 我 们 创建 的 二 叉 搜 索 树 类 并 重 写 红 黑 树 属性 所 需要 的 
那些 方法 。 我 们 从 insert 和 insertNode 方法 开始 。 
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向 红 黑 树 中 插入 节点 














向 红 黑 树 插入 节点 和 在 二 又 搜索 树 中 是 一 样 的 。 除 了 插入 的 代码 , 我 们 还 要 在 搬入 后 给 节点 
应 用 一 种 颜色 ， 并 且 验 证 树 是 否 满足 红 黑 树 的 条 件 以 及 是 否 还 是 自 平 衡 的 。 


下 面 的 代码 向 红 黑 树 插入 了 新 的 节点 。 


insert (key: T) { 

if (thls ro0t Es NLL) A/ 2 
this.root = new RedBlackNode (key); // {2} 
this.root.color = Colors.BLACK; // {3} 
} else { 
const newNode = this.insertNode(this.root, key); // {4} 
this.fixTreePproperties (newNode); // {5} 





















































} 
} 








如 果树 是 空 的 ( 行 {1} ), 那么 我 们 需要 创建 一 个 红 黑 树 节 点 ( 行 {2} )。 为 了 满足 规则 2, 我 
们 要 将 这 个 根 节点 的 颜色 设 为 黑色 〈 行 13} )。 默 认 情 况 下 ,创建 的 节点 颜色 是 红色 ( 行 {6} )。 
如 果树 不 是 空 的 ， 我 们 会 像 二 又 搜索 树 一 样 在 正确 的 位 置 插入 节点 ( 行 {4} )。 在 这 种 情况 下 ， 
insertNode 方法 需要 返回 新 插入 的 节点 , 这样 我 们 可 以 验证 在 插入 后 , 红 黑 树 的 规则 是 否 得 到 
了 满足 ( 行 {5} )。 









































对 红 黑 树 来 说 ， 节 点 和 之 前 比 起 来 需要 一 些 额 外 的 属性 : 市 点 的 颜色 ( 行 {6} ) 和 指向 父 节 
点 的 引用 ( 行 {7} )。 代 码 如 下 所 示 。 


class RedBlackNode extends Node { 
constructor(key) { 
super (key) ; 
this.key = key; 
this.color = Colors.RED; // {6} 
this.parent = null; // {7} 
} 


isRed() { 
return this.color === Colors.RED; 
} 
} 





重 写 的 insertNode 方法 如 下 。 


insertNode (nodqe，key) { 
if (this.compareFn(key, node.key) === Compare.LESS_THAN) { 

Tf (nOde..Lett Sa. TLL){ 
node.left = new RedBlackNode (key); 
node.left.parent = node; // {8} 
return node.left; // {9} 

} 

else { 
return this.insertNode (node.left, key); 
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} 
} 
else if (node.right == null) { 
node.right = new RedBlackNode (key); 
node.right .parent = node; // {10} 
return node.right; // {11} 
} 
else { 
return this.insertNode (node.right, key); 
} 


我 们 可 以 看 到 , 逻辑 和 二 又 搜 索 树 中 的 一 样 。 不 同 之 处 在 于 我 们 保存 了 指向 被 插入 节点 父 节 
点 的 引用 ( 行 {8} 和 行 {10} )， 并 且 返 回 了 节点 的 引用 ( 行 {9} 和 行 {11} )， 这 样 我 们 可 以 在 后 面 
验证 树 的 属性 。 

。 在 插入 节点 后 验证 红 黑 树 属性 

要 验证 红 黑 树 是 否 还 是 平衡 的 以 及 满足 它 的 所 有 要 求 , 我 们 需要 使 用 两 个 概念 : 重新 填 色 和 
旋转 。 

在 向 树 中 插 和 人 节点 后 ， 新 节点 将 会 是 红色 。 这 不 会 影响 黑色 节点 数量 的 规则 ( 规则 6 )， 但 
会 影响 规则 5: 两 个 后 代 红 节点 不 能 共存 。 如 果 插 入 节点 的 父 节点 是 黑色 ， 那 没有 问题 。 但 是 如 
果 插 入 节点 的 父 节 点 是 红色 ， 那 么 会 违反 规则 5。 要 解决 这 个 冲突 ， 我 们 只 需要 改变 父 节 点 、 祖 
父 节 点 和 叔 节点 〈 因为 我 们 同样 改变 了 父 节点 的 颜色 )。 


下 图 描述 了 这 个 过 程 。 
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OO Or 
(a) 


下 面 是 fijxTreeProperties 方法 的 代码 。 


fixTreeProperties (node) { 
while (node && node.parent && node.parent.color.isRed() // {1} 

&& node.color !== Colors.BLACK) { // {2} 

Jet parent = node.parent; // {3} 

const grandParent = parent.parent; // {4} 

// 情形 A: 父 节点 是 左 侧 子 节点 

if (grandParent && grandParent.left === parent) { // {5} 
const uncle = grandParent.right; // {6} 
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// 情形 1A: 到 节点 也 是 红色 一 只 需要 重新 填 色 
if (uncle && uncle.color === Colors.RED) { // {7} 
grandParent .color = Colors.RED; 
parent.color = Colors.BLACK; 
uncle.color = Colors.BLACK; 
node = grandParent; // {8} 


} 
else { 
// 情形 2A: 节点 是 右 侧 子 节点 一 左旋 转 
// 情形 3A: 节点 是 左 侧 子 节点 一 右 旋转 
} 


} 
else { // 情形 B: 父 节 点 是 右 侧 子 节点 
const uncle = grandParent.left; // {9} 


// 情形 1B: 叔 节 点 是 红色 一 只 需要 重新 填 色 
if (uncle && uncle.color === Colors.RED) { // {10} 
grandParent .color = Colors.RED; 
parent.color = Colors.BLACK; 
uncle.color = Colors.BLACK; 
node = grandParent; 





} 
else { 
// 情形 2B: 节点 是 左 侧 子 节点 一 右 旋转 
// 情形 3B: 节点 是 右 侧 子 节点 一 左旋 转 
} 
} 
} 


this.root.color = Colors.BLACK; // {11} 
} 























从 插入 的 节点 开始 ， 我 们 要 验证 它 的 父 节点 是 否 是 红色 ( 行 {1} )， 以 及 这 个 节点 是 否 不 是 
黑色 ( 行 {2} )。 为 了 保证 代码 的 可 读 性 ， 我 们 要 保存 父 节 点 ( 行 {3} ) 和 祖父 节点 ( 行 {4} ) 的 
引用 。 











接 下 来 ， 我们 要 验证 父 节 点 是 左 侧 子 节 点 ( 行 {5} 一 一 情形 A ) 还 是 右 侧 子 节 点 (情形 B )。 
对 于 情形 1A， 我 们 只 需要 对 节点 重新 填 色 ， 父 节点 是 左 侧 还 是 右 侧 子 节点 没有 什么 影响 ， 不 过 
在 下 面 的 情形 中 就 有 影响 了 。 





™ 






































由 于 也 需要 改变 叔 节 点 的 颜色 ,我 们 需要 一 个 指向 它 的 引用 〈 行 456} 和 行 149) )。 如 果 叔 节点 
的 颜色 是 红色 ( 行 {7} 和 行 {10} )， 就 改变 祖父 节点 、 父 节点 和 叔 节 点 的 颜色 ， 并 且 将 当前 节点 
的 引用 指向 祖父 节点 〈 行 18} )， 继 续 检查 树 是 否 有 其 他 冲突 。 

















为 了 保证 根 节点 的 颜色 始终 是 黑色 ( 规则 2 ), 我 们 在 代码 最 后 设置 根 节点 的 颜色 ( 行 {11} )。 





























在 节点 的 叔 节 点 颜色 为 黑 时 ,也 就 是 说 仅仅 重新 填 色 是 不 够 的 , 树 是 不 平衡 的 ,那么 我 们 需 
要 进行 旋转 操作 。 
































口 左 - 左 (LL): 父 节点 是 祖父 节点 的 左 侧 子 节点 ， 节 点 是 父 节 点 的 左 侧 子 节点 (情形 3A )。 


198 第 10 章 树 























口 左 - 右 (LR): 父 节 后 是 祖父 节点 的 左 侧 子 节点 ,节点 是 父 节 点 的 右 侧 子 节 点 (情形 2A )。 
口 右 - 右 (RR): 父 节 点 是 祖父 节点 的 右 侧 子 节点 ， 节 点 是 父 节 点 的 右 侧 子 节点 (情形 2A )。 
D 右 - 左 (RL): 父 节 点 是 祖父 节点 的 右 侧 子 节点 ， 节 点 是 父 节点 的 左 侧 子 节点 (情形 2A )。 





我 们 来 看 看 情形 2A 和 3A。 


// 情形 2A: 节点 是 右 侧 子 节点 一 左旋 转 
if (node === Parent .right) { 
this.rotationRR(parent); // {12} 
node = parent; // {13} 
parent = node.parent; // {14} 
// 情形 3A: 节点 是 左 侧 子 节点 一 右 旋转 
this.rotationLL(grandParent); // {15} 
parent .color = Colors.BLACK; // {16} 
grandParent .color = Colors.RED; // {17} 
node = parent; // {18} 


如 果 父 节点 是 左 侧 子 节 点 并 且 节 点 是 右 侧 子 节 点 ， 我 们 要 进行 两 次 旋转 ， 首 先是 右 -- 右 旋转 
( 行 {12} )， 并 更 新 节点 ( 行 {13} ) 和 父 节点 ( 行 {10} ) 的 引用 。 在 第 一 次 旋转 后 ， 我 们 要 再 次 
旋转 , 以 祖父 节点 为 基准 ( 行 115} ), 并 在 旋转 过 程 中 更 新 父 节 点 ( 行 {16} ) 和 祖父 节点 ( 行 {17} ) 
的 颜色 。 最 后 ， 我 们 更 新 当前 节点 的 引用 ( 行 {18} )， 以 便 继续 检查 树 的 其 他 冲突 。 


情形 2A 如 下 图 所 示 。 

















n 





(ce (中 rotateLeft(p) 
人 


节点 是 左 侧 子 节点 时 ， 我们 直接 来 到 行 {15} 进 行 左 -- 左 旋转。 情形 3A 如 下 图 所 示 。 


rotateRight(g) 
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交换 n 和 g 的 颜 
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(a ) (©3) rotateRight(g) | 
> 
(en (2) 交换 g 和 p 的 颜色 
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现在 ， 我 们 来 看 看 情形 2B 和 3B。 


// 情形 2B: 节点 是 左 侧 子 节点 一 左旋 转 
if (node === parent.left) { 
this.rotationLL(parent); // {19} 
node = parent; 
parent = node.parent; 
} 
// 情形 3B: 节点 是 右 侧 子 节点 一 左旋 转 
this.rotationRR (grandParent); // {20} 
parent.color = Colors.BLACK; 
grandParent .color = Colors.RED; 
node = parent; 


逻辑 是 一 样 的 ， 不 同 之 处 在 于 选择 会 这 样 进行 : 先进 行 左 -左旋 转 ( 行 {18} )， 再 进行 右 - 右 
旋转 ( 行 {20} )。 人 情形 2B 如 下 图 所 示 。 
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2) (3) 


| 
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rotateRight(p) rotateLeft(g) 
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最 后 ， 情 形 3B 如 下 图 所 示 。 
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@ 红 黑 树 旋 转 

在 插入 算法 中 ， 我 们 只 使 用 了 右 - 右 旋转 和 左 - 左 旋转 。 逻 辑 和 AVL 树 是 一 样 ， 但 是 ， 由 于 
我 们 保存 了 父 节点 的 引用 ， 需 要 将 引用 更 新 为 旋转 后 的 新 父 节点 。 

左 -左旋 转 ( 右 旋转 ) 的 代码 如 下 (更 新 父 节 点 加 粗 显示 )。 


rotationLL(node) { 
const tmp = node.left; 
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node.left = tmp.right; 


if (tmp.right && tmp.right.key) 


tmp.right .Parent = node; 
} 
tmp.parent = node.parent; 
if (!node.parent) { 
this.root = tmp; 
} 
else { 


if (node === node.parent.1left) 
node.parent.left = tmp; 


} 


else { 


node.parent .right = tmp; 


} 
小 
tmp.right = node; 
node.parent = tmp; 


} 


右 - 右 旋 转 ( 左旋 转 ) 的 代码 如 下 ( 更 新 父 节 点 加 粗 显 示 )。 


rotationRR(node) { 

const tmp = node.right; 

node.right = tmp.left,; 

if (tmp.left && tmp.left.key) 
tmp.left.parent = node; 

3} 

tmp.parent = node.parent; 

if (!Inode.parent) { 
this.root = tmp; 

} 

else { 


if (node === node.parent.1left) 
node.parent.left = tmp; 


} 


else { 


node.parent .right = tmp; 


} 


} 
tmp.left = node; 
node.parent = tmp; 


10.7 ”小结 


在 本 章 中 , 我 们 介绍 了 在 计算 机 科学 中 被 广泛 使 用 的 基本 树 数据 结构 





{ 


{ 











二 又 搜索 树 , 以 及 


在 其 中 添加 、 搜 索 和 移 除 键 的 算法 。 我 们 同样 介绍 了 访问 树 中 每 个 节点 的 三 种 遍历 方式 , 还 学 习 


了 如 何 开 发 名 叫 AVL 的 自 平衡 树 和 为 其 添加 、 移 除 键 的 方法 ， 以 及 红 


中 


TAN 





树 。 


下 一 章 中 ， 我 们 会 学 习 一 种 名 为 堆 〈 或 优先 队列 ) 的 特殊 数据 结构 。 
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在 上 一 章 ,我们 学 习 了 树 数据 结构 。 在 本 章 中 , 我 们 将 要 学 习 一 种 特殊 的 二 又 树 ， 也 就 是 推 
数据 结构 ,也 叫 作 二 叉 堆 。 二 又 堆 是 计算 机 科学 中 一 种 非常 著名 的 数据 结构 ,由 于 它 能 高 效 、 快 


速 地 找 出 最 大 值 和 最 小 值 ， 常 被 应 用 于 优先 队列 。 它 也 被 用 于 著名 的 堆 排序 算法 中 。 


本 章 的 内 容 包括 : 


口 二 又 堆 数 据 结构 
口 最 大 和 最 小 堆 
口 堆 排 序 算法 








11.1 二 叉 堆 数据 结构 
二 又 堆 是 一 种 特殊 的 二 又 树 ， 有 以 下 两 个 特性 。 


口 它 是 一 棵 完全 二 又 树 , 表示 树 的 每 一 层 都 有 左 侧 和 右 侧 子 节点 (除了 最 后 一 层 的 叶 节 点 )， 
并 且 最 后 一 层 的 叶 节 点 尽 可 能 都 是 左 侧 子 节点 ， 这 叫 作 结构 特性 。 


口 一 又 堆 不 是 是 最 小 堆 就 是 最 大 堆 。 最 小 堆 人 允许 你 快速 导出 树 的 最 小 值 ， 最 大 堆 允 许 你 快速 
导出 树 的 最 大 值 。 所 有 的 节点 都 大 于 等 于 (最 大 堆 ) 或 小 于 等 于 〈 最 小 堆 ) 每 个 它 的 子 1 


节点 。 这 叫 作 堆 特 性 。 
下 图 展示 了 一 些 合法 的 和 不 合法 的 堆 。 
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合法 合法 
尽管 二 又 堆 是 二 又 树 ， 但 并 不 一 定 是 二 又 搜索 树 ( BST )。 在 二 叉 堆 中 ， 每 个 子 节 dda 
于 等 于 父 节点 (最 小 堆 ) 或 小 于 等 于 父 节 点 (最 大 堆 )。 然 而 在 二 叉 搜索 树 中 ， 左 侧 子 
比 父 节 点 小 ， 右 侧 子 节点 也 总 是 更 大 。 
11.1.1 创建 最 小 堆 类 
我 们 先 来 创建 MinHeap 类 ， 如 下 所 示 。 





Import { defaultCompare } from '../util'; 
export class MinHeap { 
constructor(compareFn = defaultCompare) { 
this.compareFn = comparerFn; // {1} 
this.heap = []; // {2} 
} 
} 








要 比较 储存 在 数据 结构 中 的 值 ， 我 们 要 使 月 








的 时 候 进行 基本 的 比较 ， 


和 之 前 的 音节 一 


样 





O 


月 compareFn( 行 {1} )， 在 没有 传人 自 定义 函数 


我 们 将 
1. 二 叉 树 的 数组 表示 
二 叉 树 有 两 种 表示 方式 。 








在 上 一 章 使 用 过 。 第 二 种 是 使 用 一 个 数组 ， 





会 使 用 数组 来 存储 数据 ( 行 {2} )。 





第 一 种 是 使 用 一 个 动态 的 表示 方式 ， 








图 展示 了 两 种 不 同 的 表示 方式 。 


也 就 是 指针 ( 用 节点 表示 )， 


通过 索引 值 检索 父 节点 、 左 侧 和 右 侧 子 节点 的 值 。 下 
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要 访问 使 用 普通 数组 的 二 又 树 节 点 ， 我 们 可 以 用 下 面 的 方式 操作 ingex。 
对 于 给 定位 置 inaex 的 节点 : 


口 它 的 左 侧 子 节点 的 位 置 是 2 * index + 1 (如 果 位 置 可 用 ); 
口 它 的 右 侧 子 节点 的 位 置 是 2 * index + 2 (如 果 位 置 可 用 ); 
口 它 的 父 节点 位 置 是 index / 2 (如 果 位 置 可 用 )。 


用 上 面 的 方法 来 访问 特定 节点 ， 我 们 可 以 把 下 面 的 方法 加 入 MinHeap 类 。 


getLeftIndex(index) { 
return 2 * index + 1; 

} 

getRightIindex(index) { 
return 2 * index + 2; 

} 

getParentIndex(index) { 
if (index === 0) { 

return undefined; 

} 


return Math.floor((index - 1) / 2); 

















} 
我 们 可 以 在 堆 数据 结构 中 进行 三 个 主要 操作 。 


D insert (value) : 这 个 方法 向 推 中 搬入 一 个 新 的 值 。 如 果 插 人 成功 ， 它 返回 true， 否 
则 返回 false。 

D extract () : 这 个 方法 移 除 最 小 值 ( 最 小 堆 ) 或 最 大 值 (最 大 堆 )， 并 返回 这 个 值 。 

口 findMinimum() : 这 个 方法 返回 最 小 值 (最 小 堆 ) 或 最 大 值 (最 大 堆 ) 且 不 会 移 除 这 个 值 。 


我 们 来 依次 学 习 每 个 方法 。 
2. 向 堆 中 插入 值 
向 堆 中 插入 值 是 指 将 值 插入 堆 的 底部 叶 节 点 (数组 的 最 后 一 个 位 置 一 一 行 {1} ) 再 执行 
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siftUp 方法 ( 行 {2} ), 表示 我 们 将 要 将 这 个 值 和 它 的 父 节 点 进行 交换 ， 直 到 父 节 点 小 于 这 个 插 
入 的 值 。 这 个 上 移 操 作 也 被 称 为 up head 、percolate up 、bubble up 、heapify up 或 cascade up。 


向 堆 中 插入 新 值 的 代码 如 下 。 


insert (value) { 
if (value != null) { 
this.heap.push(value); // {1} 
this.siftUp(this.heap.length - 1); // {2} 
return true; 


return false; 


} 
e@ 上 移 操 作 
上 移 操作 的 代码 如 下 。 


siftUp(index) { 
let parent = this.getParentIindex(index); // {1} 
while ( 
index > 0 && 
this.compareFn(this.heap [parent]，this.heap[indqex]l) > 
Compare .BIGGER_THAN 
) 各 人 
swapb (this.heap, parent, index); // {3} 
index = parent; 
parent = this.getParentIindex(index); // {4} 
} 
} 


siftUp 方法 接收 插入 值 的 位 置 作为 参数 。 我 们 同样 需要 获取 其 父 节 点 的 位 置 ( 行 {1} )。 


如 果 插入 的 值 小 于 它 的 父 节 点 〈 行 12) 一 一 在 最 小 堆 中 ， 或 在 最 大 堆 中 比 父 节点 大 )， 那 么 
节点 交换 〈 行 13} )。 我 们 重复 这 个 过 程 直 到 堆 的 根 节点 也 经 过 了 交换 节点 


父 节 点 位 置 的 操作 ( 行 {4} )。 
交换 函数 如 下 所 示 。 


function swap (array，a，b) { 
const temp = artay[al; // {5} 
arrayl[la] = array[b]; // {6} 
array[b] = temp; // {7} 

下 


要 交换 数组 中 的 两 个 值 ， 我 们 需要 一 个 辅助 变量 来 复制 要 交换 的 第 一 个 元 素 ( 行 {5} )。 然 
后 , 将 第 二 个 元 素 赋值 到 第 一 个 元 素 的 位 置 ( 行 15} ) 最 后 , 将 复制 的 第 一 个 元 素 的 值 ( 行 {5} ) 
和 窗 盖 到 第 二 个 元 素 的 位 置 ( 行 {7} )。 
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人 swap 画 数 在 第 13 章 中 会 经 常用 到 。 





我 们 也 可 以 使 用 ECMAScript 2015 ( ES6 ) 的 语法 来 重 写 swap 函数 。 
const swap = (array, a, b) => [array[lal], array[b]] = [arrayl[lb], arrayl[lal]l]; 
我 们 在 第 2 章 学 习 过 ，ES2015 中 包含 对 象 和 数组 解构 的 功能 [a, pb] = [b, a]。 
但 是 , 在 写 这 本 书 的 时 候 , 有 一 个 公开 的 问题 表示 解构 操作 比 正常 的 赋值 操作 性 
人 能 更 差 。 要 了 解 更 多 有 关 这 个 问题 的 信息 ， 请 访问 https://bugzilla.mozilla.org/ 
show_ bug.cgi?1d=1177319。 


我 们 来 看 看 insert 方法 的 实际 操作 。 考 虑 下 面 的 堆 数 据 结构 。 

















假设 我 们 想 要 向 堆 中 插入 一 个 值 1。 算 法 会 进行 一 些 少量 的 上 移 操作 ， 如 下 图 所 示 。 























下 面 的 代码 展示 了 堆 的 创建 和 上 图 的 操作 。 
const heap = new MinHeap (); 


heap.insert 
heap.insert 
heap.insert 


) 

); 

) 
heap.insert (5) 


(2 
(3 
(4); 
(5 


heap.insert (1); 
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3. 从 堆 中 找到 最 小 值 或 最 大 值 








在 最 小 堆 中 ,最 小 值 总 是 位 于 数组 的 第 一 个 位 置 ( 堆 的 根 季 点 )。 代 码 如 下 所 示 。 


size() { 
return this.heap.length; 
} 
isEmpty() { 
return this.size() === 0; 
} 
fingMinimum() { 
return this.isEmpty() ? undefined : this.heap[0]; // {1} 
} 





因此 如 果 堆 不 为 空 ， 我 们 返回 数组 的 第 一 个 值 ( 行 {1} )。 我们 同样 可 以 创建 MinHeap 类 的 





size 和 empty 方法 。 


下 面 的 代码 可 用 来 测试 这 三 个 方法 。 


console.log('Heap size: ', heap.size()); // 5 
console.log('Heap is empty: ', heap.isEmpty()); // false 
console.log('Heap min value: ', heap.findMinimum()); // 1 


0 在 最 大 堆 中 ， 数 组 的 第 一 个 元 素 保 存 了 最 大 值 ， 所 以 我 们 可 以 使 用 相同 的 代码 。 


4. 导出 堆 中 的 最 小 值 或 最 大 值 
移 除 最 小 值 ( 最 小 堆 ) 或 最 大 值 (最 大 堆 ) 表示 移 除数 组 中 的 第 一 个 元 素 〈 折 





E 的 根 节点 )。 





在 移 除 后 , 我 们 将 堆 的 最 后 一 个 元 素 移 动 至 根部 并 执行 si ftDown 函数 , 表示 我 们 将 交换 元 素 直 

















到 堆 的 结构 正常 。 这 个 下 移 操 作 也 被 称 为 sink down、percolate down 、bubble down、 
或 cascade down。 


代码 如 下 。 
extract() { 


if (this.isEmpty()) { 
return undefined; // {1} 





if (thi SilZe() Ss 1)”{ 
return this.heap.shift(); // {2} 
} 
const removedValue = this.heap.shift(); // {3} 


this.siftDown(0); // {4} 
return removedValue; // {5} 


} 





heapify down 


如 果 堆 为 空 ， 也 就 是 没有 值 可 以 导出 ， 那 么 我 们 可 以 返回 undefinea ( 行 {1} )。 如 果 堆 中 








只 有 一 个 值 ， 我 们 可 以 直接 移 除 并 返回 它 〈 行 142} )。 但 是 ， 如 果 堆 中 有 不 止 一 个 值 





， 我 们 需要 将 
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第 一 个 值 移 除 ( 行 143} ), 存储 到 一 个 临时 变量 中 以 便 在 执行 完 下 移 操作 后 ( 行 {4} ) 返 回 它 ( 行 {5} )。 
e 下 移 操作 ( 堆 化 ) 
下 移 操作 的 代码 如 下 所 示 。 


siftDown(index) { 
let element = index; 
const left = this.getLeftIindex(index); // {1} 
const right = this.getRightIndex(index); // {2} 
const size = this.size(); 
Ef 
lJeft < size && 
this.compareFn(this.heaplelement], this.heap[left]) > 
Compare .BIGGER_THAN 
JE 
element = left; // {4} 
} 
让 在 ,| 所 
right < size && 
this.compareFn(this.heaplelement], this.heaplright]) > 
Compare .BIGGER_THAN 
Ey A CD 
element = right; // {6} 
} 
if (index !== element) { // {7} 
swap (this.heap, index, element); // {8} 
this.siftDown(element); // {9} 
} 
} 





siftDown 方法 接收 移 除 元 素 的 位 置 作为 参数 。 我 们 会 将 index 复制 到 element 变量 中 。 
我 们 同样 要 获取 左 侧 子 节点 ( 行 {1} ) 和 右 侧 子 节点 ( 行 {2} ) 的 值 。 


下 移 操作 表示 将 元 素 和 最 小 子 节点 (最 小 堆 ) 和 最 大 子 节点 ( 最 大 堆 ) 进行 交换 。 如 果 元 素 
比 左 侧 子 节点 要 小 ( 行 {3} 一 一 日 index 合法 )， 我 们 就 交换 元 素 和 它 的 左 侧 子 节点 ( 行 {4} )。 
如 果 元 素 小 于 它 的 右 侧 子 节点 ( 行 {5} 一 一 日 index 合法 )， 我 们 就 交换 元 素 和 它 的 右 侧 子 节点 
( 行 {6} )。 























在 找到 最 小 子 节点 的 位 置 后 ， 我 们 要 检验 它 的 值 是 否 和 element 相同 (传人 siftDown 方 
法 一 一 行 {7} ) 一 一 和 自己 交换 是 没有 意义 的 ! 如 果 不 是 ， 就 将 它 和 最 小 的 element 交换 ( 行 
{8} )， 并 有 重复 这 个 过 程 ( 行 {9} ) 直到 element 被 放 在 正确 的 位 置 上 。 


假设 我 们 从 堆 中 进行 导出 操作 。 算 法 会 进行 一 些 下 移 操作 ， 如 下 图 所 示 。 
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代码 如 下 。 


heap = new MinHeap (); 
fogR (leb 二 三 ,LO0: 
heap.insert (i); 


} 


i++) { 


console.log('Extract minimum: ', heap.extract()); // 1 


11.1.2 ”创建 最 大 堆 类 





MaxHeap 类 的 算法 和 MinHeap 类 的 算法 一 模 一 样 。 不 同 之 处 在 于 我 们 要 把 所 有 > (大 于 ) 
的 比较 换 成 < (小 于 ) 的 比较 。 


MaxHeap 类 的 代码 如 下 。 


export class MaxHeap extends MinHeap { 


constructor(compareFn = defaultCompare) 
super (CompareEn) ; 


{ 


this.compareFn = reverseCompare (compareFn) 


} 
} 


;7 YA {1 




















但 是 不 同 于 复制 代码 ， 可 以 扩展 MinHeap 类 来 继承 我 们 在 本 章 创建 的 所 有 代码 ， 并 在 需要 
时 进行 反 向 的 比较 。 要 将 比较 反 转 ， 不 将 a 和 ? 进行 比较 ， 而 是 将 b 和 a 进行 比较 ( 行 {1} )， 
如 下 面 代码 所 示 。 





11.2” 堆 排序 算法 209 





function reverseCompare (compareFn) { 
return (a, b) => compareFrn(b, a); 


} 


我 们 可 以 使 用 测试 最 小 堆 的 代码 来 测试 最 大 堆 。 不同 点 是 最 大 的 值 会 是 堆 的 根 节 点 ， 而 不 是 
最 小 的 值 。 


const maxHeap = new MaxHeap (); 











maxHeap.inser 
maxHeap.inser 
maxHeap.inser 


[| 


maxHeap.inser 
maxHeap.insert (1); 


console.log('Heap size: ', maxHeap.size()); // 5 
console.log('Heap min value: ', maxHeap.findMinimum()); // 5 


11.2 ” 堆 排 序 算法 


我 们 可 以 使 用 二 叉 堆 数据 结构 来 帮助 我 们 创建 一 个 非常 著名 的 排序 算法 : 堆 排 序 算 法 。 它 包 
含 下 面 三 个 步骤 。 


(1) 用 数组 创建 一 个 最 大 堆 用 作 源 数据 。 

(2) 在 创建 最 大 堆 后 ,最 大 的 值 会 被 存储 在 堆 的 第 一 个 位 置 。 我 们 要 将 它 蔡 换 为 堆 的 最 后 一 个 
值 ， 将 堆 的 大 小 减 1。 

(3) 最 后 ， 我 们 将 堆 的 根 节 点 下 移 并 重复 步 又 2 直到 堆 的 大 小 为 1。 


我 们 用 最 大 堆 得 到 一 个 升序 排列 的 数组 ( 从 最 小 到 最 大 )。 如 果 我 们 想 要 这 个 数组 按 降序 排 
列 ， 可 以 用 最 小 堆 代 蔡 。 


下 面 是 堆 排 序 算法 的 代码 。 | 


function heapSort (array, compareFn = defaultCompare) { 

let heapSize = array.length; 

buildMaxHeap (array，compareFn); // 步骤 1 

while (heapSize > 1) { 
swap(array，0，--heapSize); // 步骤 2 
heapify(array, 0，heapSize，compareFn); // 步骤 3 

} 

return array;}; 


} 


要 构建 最 大 堆 ， 可 以 使 用 下 面 的 函数 。 


function buildMaxHeap (array, compareEn) { 
for (Let i Ss Math: floor(array, Lengtly 7. 2) -1.3. QL, Lt 
heapify(array, i, array.length, compareFn); 
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} 
TELUrI. array; 


} 

最 大 堆 函 数 会 重新 组 织 数组 的 顺序 。 归 功 于 要 进行 的 所 有 比较 , 我 们 只 需要 对 后 半 部 分 数组 
执行 neapify (下 移 ) 函数 ( 前半 部 分 会 被 自动 排 好 序 ， 所 以 不 需要 对 已 经 知道 排 好 序 的 部 分 
执行 函数 )。 

heapify 函数 和 我 们 创建 的 siftDown 方法 有 相同 的 代码 。 不 同 之 处 是 我 们 会 将 堆 本 身 、 
堆 的 大 小 和 要 使 用 的 比较 函数 传人 作为 参数 。 这 是 因为 我 们 不 会 直接 使 用 堆 数 据 结构 ， 而 是 使 用 
它 的 逻辑 来 开发 heapsort 算法 。 


下 图 展示 了 堆 排 序 算 法 。 
























































heapify 
交换 (2,6) 
堆 大 小 =6 





heapify 
交换 (2,5) 
堆 大 小 =6 


























heapify 
交换 (1,4) 
堆 大 小 =5 


heapify 
交换 (1, > 
(3 ) 稚 大 小 = 


0 
> OO 


heapify 
交换 (1,4) 
Gy E 大 小 =4 


G3) 
Joo iiOie 


heapify 
oy (4.1) 交换 (1 3) 10 交换 (3,1) 
0 堆 大 小 = 0 
1 a 
heapify 堆 大 小 =1 
也 交换 (1.2) 12 (2,1) 数组 已 排序 
本 AN 故国 A 


OOOO OOOO oooa 

































交换 (1,2) 
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下 面 的 代码 可 以 用 来 测试 neapsort 算法 : 


Sonst rray sl72 6 SD Hy 2 
console.log('Before sorting: ', array); 
console.log('After sorting: ', heapSort (array)); 


堆 排 序 算法 不 是 一 个 稳定 的 排序 算法 , 也 就 是 说 如 果 数 组 没有 排 好 序 , 可 能 会 得 
到 不 一 样 的 结果 。 我 们 会 在 第 13 章 探 索 更 好 的 排序 算法 。 


11.3 小结 
在 本 章 , 我 们 学 习 了 二 又 堆 数据 结构 和 它 的 两 个 变 体 : 最 小 堆 和 最 大 堆 。 我 们 学 习 了 怎样 插 


入 值 ， 怎样 查看 或 找到 最 小 值 或 最 大 值 ， 以 及 怎样 从 堆 中 导出 一 个 值 。 我 们 同样 学 习 了 上 移 和 下 
移 操作 来 帮助 我 们 维护 堆 的 结构 。 











我 们 也 学 习 了 怎样 用 堆 数 据 结构 来 创建 堆 排序 算法 。 
在 下 一 章 ， 我们 会 学 习 图 的 基本 概念 ， 它 是 一 种 非 线 性 数据 结构 。 














在 本 章 ， 你 将 学 习 另 一 种 非 线性 数据 结构 
章 将 深入 学 习 排序 和 搜索 算法 。 


本 章 将 会 包含 不 少 图 的 巧妙 运用 。 图 是 一 个 庞大 的 主题 , 深入 探索 图 的 奇妙 世界 就 足够 写 一 
本 书 了 。 


在 本 章 中 ， 我 们 将 会 讨论 下 面 的 话题 : 


口 图 的 相关 术语 

口 图 的 三 种 不 同 表示 
口 图 数据 结构 

口 图 的 搜索 算法 

口 最 短路 径 算法 

口 最 小 生成 树 算法 


图 。 这 是 我 们 要 讲 的 最 后 一 种 数据 结构 ， 下 一 
































12.1 图 的 相关 术语 


图 是 网 络 结构 的 抽象 模型 。 图 是 一 组 由 边 连 接 的 节点 (或 顶点 )。 学 习 图 是 重要 的 ， 因 为 任 
何 二 元 关系 都 可 以 用 图 来 表示 。 


任何 社交 网 络 ， 例 如 Facebook 、Twitter 和 Google+， 都 可 以 用 图 来 表示 。 
我 们 还 可 以 使 用 图 来 表示 道路 、 航 班 以 及 通信 ， 如 下 图 所 示 。 
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让 我 们 来 学 习 一 下 图 在 数学 及 技术 上 的 概念 。 
一 个 图 G= (有 轧 由 以 下 元 素 组 成 。 


口 V; 一 组 顶点 
口 £: 一 组 边 ， 连 接 入 中 的 顶点 


下 图 表示 一 个 图 。 


























在 着 手 实现 算法 之 前 ， 让 我 们 先 了 解 一 下 图 的 一 些 术语 。 














由 一 条 边 连 接 在 一 起 的 顶点 称 为 相 邻 项 点 。 比 如 ,A 和 B 是 相 邻 的 ,， A 和 DD 是 相 邻 的 , A 和 
C 是 相 邻 的 ，A 和 王 不 是 相 邻 的 。 























一 个 顶点 的 度 是 其 相 邻 顶点 的 数量 。 比 如 ，A 和 其 他 三 个 顶点 相连 接 ， 因 此 A 的 度 为 3; EE 
和 其 他 两 个 顶点 相连 ， 因 此 EE 的 度 为 2。 




















路 径 是 顶点 vi, v2,…, vi 的 一 个 连续 序列 , 其 中 vj 和 vii 是 相 邻 的 以 上 一 示意 图 中 的 图 为 例 ， 
其 中 包含 路 径 ABEI 和 ACDG。 




















简单 路 径 要 求 不 包含 重复 的 顶点 。 举 个 例子 ， AD G 是 一 条 简单 路 径 。 除 去 最 后 一 个 顶点 〈 因 
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为 它 和 第 一 个 顶点 是 同一 个 顶点 ), 环 也 是 一 个 简单 路 径 , 比 如 ADC A 最 后 一 个 顶点 重新 回 到 A )。 





如 果 图 中 不 存在 环 ， 则 称 该 图 是 无 环 的 。 如 果 图 中 每 两 个 顶点 间 都 存在 路 径 ， 则 该 



































有 向 图 和 无 向 图 




















如 果 图 中 每 两 个 顶点 间 在 双向 上 都 存在 路 径 , 则 该 





























全 
oo 


DY © 
(9) 
































而 A 和 B 不 是 强 连通 的 。 


图 还 可 以 是 未 加 权 的 〈 目前 为 止 我 们 看 到 的 图 都 是 未 加 权 的 ) 或 是 加 权 的 。 如 下 图 所 示 ， 加 
权 图 的 边 被 赋予 了 权 值 。 

















我 们 可 以 使 用 









































图 是 连通 的 。 





图 可 以 是 无 向 的 〈 边 没有 方向 ) 或 是 有 向 的 《有 向 图 )。 如 下 图 所 示 ， 有 向 图 的 边 有 一 个 方向 。 


图 是 强 连通 的 。 例如 , C 和 了 D 是 强 连通 的 ， 


图 来 解决 计算 机 科学 世界 中 的 很 多 问题 , 比如 搜索 图 中 的 一 个 特定 顶点 或 搜索 





一 条 特定 边 , 寻找 图 中 的 一 条 路 径 (从 一 个 顶点 到 男 一 个 顶点 )， 寻 找 两 个 顶点 之 间 的 最 短路 径 ， 


以 及 环 检测 。 


12.2 图 的 表示 


从 数据 结构 的 角度 来 说 , 我 们 有 多 种 方式 来 表示 图 。 在 所 有 的 表示 法 中 , 不 存在 绝对 正确 的 
方式 。 图 的 正确 表示 法 取决 于 待 解决 的 问题 和 图 的 类 型 。 
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12.2.1 邻接 和 矩阵 
图 最 常见 的 实现 是 邻接 和 矩阵。 每 个 节点 都 和 一 个 整数 相关 联 ,该 整数 将 作为 数组 的 索引 。 我 












































们 用 一 个 二 维 数组 来 表示 顶点 之 间 的 连接 。 如 果 索 引 为 i 的 节点 和 索引 为 j 的 节点 相 邻 ， 则 
array [i][j] === 1， 和 否则 array[i][j] === 0， 如 下 图 所 示 。 

人 ABCDEEFGHI 

AI011100000 

BI100011000 

© Go 

YN El010000001 

FI010000000 

Sa EO 

H 0 0 0 

CD dt 
不 是 强 连通 的 图 ( 稀 踊 图 ) 如 果 用 邻接 和 矩阵 来 表示 ， 则 和 矩阵 中 将 会 有 很 多 0， 这 意味 着 我 们 
浪费 了 计算 机 存储 空间 来 表示 根本 不 存在 的 边 。 例 如 ， 找 给 定 顶 点 的 相 邻 顶点 ， 即 使 该 顶点 只 有 
一 个 相 邻 顶点 ,我们 也 不 得 不 迭代 一 整 行 。 邻 接 矩 阵 表 示 法 不 够 好 的 男 一 个 理由 是 ， 图 中 顶点 的 


数量 可 能 会 改变 ， 而 二 维 数组 不 太 灵 活 。 


12.2.2 ”邻接 表 


我 们 也 可 以 使 用 一 种 叫 作 邻接 表 的 动态 数据 结构 来 表示 图 。 邻接 表 由 图 中 每 个 顶点 的 相 邻 项 
点 列表 所 组 成 。 存 在 好 几 种 方式 来 表示 这 种 数据 结构 。 我 们 可 以 用 列表 (数组 和 链表 ， 甚 至 是 
散 列表 或 是 字典 来 表示 相 邻 顶点 列表 。 下 面 的 示意 图 展示 了 邻接 表 数 据 结构 。 





























二 员外 中 上 已 轧 区 和 > 






































着 不 同 的 性 质 〈 例如 ,要 找 出 顶点 v 和 w 是 否 相 邻 , 使 用 邻接 和 矩阵 会 比较 快 )。 在 本 书 的 示例 中 ， 
我 们 将 会 使 用 邻接 表 表 示 法 。 
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12.2.3 ”关联 算 阵 
还 可 以 用 关联 矩阵 来 表示 图 。 在 关联 矩阵 中 ,和气 阵 的 行 表示 顶点 ， 列 表示 边 。 如 下 图 所 示 ， 





























使 用 二 维 数组 来 表示 两 者 之 间 的 连通 性 ， 如 果 顶 点 v 是 边 e 的 人 射 点 ,， 则 array [vi [el === 1; 
否则 ， arrayl[lv] [el === 0。 
V1 v2 v3 v4 vs v6 v7 v8 v9 v10 

AIll110000000 
BI100011900 
CI0101000 100 
DI0011000011 
El|0000101000 
FI0000010000 
GI0000000110 
HI0000000001 
1I1000000 1000 


























关联 和 矩 阵 通 常用 于 边 的 数量 比 项 点 多 的 情况 ， 以 节省 空间 和 内 存 。 

















12.3 创建 Graph 类 


照例 ， 我 们 声明 类 的 骨架 。 


class Graph { 
constructor(isDirected = false) { 
this.isDirected = isDirected; // {1} 
this.vertices = []; // {2} 
this.adjList = new Dictionary(); // {3} 
} 
} 


Graph 构造 函数 可 以 接收 一 个 参数 来 表示 图 是 否 有 向 ( 行 {1} )， 默认 情况 下 ， 图 是 无 向 的 。 
我 们 使 用 一 个 数组 来 存储 图 中 所 有 顶点 的 名 字 ( 行 {2} )， 以 及 一 个 字典 ( 在 第 8 章 中 已 经 实现 ) 
来 存储 邻接 表 ( 行 {3} )。 字典 将 会 使 用 项 点 的 名 字 作 为 键 ， 邻接 顶点 列表 作为 值 。 


























addVertex(v) { 
if (!this.vertices.includqes(v)) { // {5} 
this.vertices.push(v); // {6} 
thisadjList, set (v, [J)3- 7/ {7} 
} 
} 
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这 个 方法 接收 顶点 v 作为 参数 。 只 有 在 这 个 顶点 不 存在 于 图 中 时 ( 行 {5} ) 我 们 将 该 顶点 添加 
到 顶点 列表 中 ( 行 {6} ), 并 且 在 邻接 表 中 , 设置 顶点 v 作为 键 对 应 的 字典 值 为 一 个 空 数组 ( 行 {7} )。 

现在 ,我 们 来 实现 addEdge 方法 。 

addEdge(v, w) { 


if (!this.adjList.get(v)) { 
this.addVertex(v); // {8} 








PP- 


Ef (!this.adjList.get (w)) { 
this.addVertex(w); // {9} 





this.adjList.get(v) .push(w); // {10} 
if (!this.isDirected) { 
this.adjList.get(w) .push(v); // {11} 
} 
} 


这 个 方法 接收 两 个 顶点 作为 参数 ,也 就 是 我 们 要 建立 连接 的 两 个 项 点。 在 连接 顶点 之 前 , 需 


要 验证 顶点 是 否 存 在 于 图 中 。 如 果 顶 点 v 或 w 不 存在 于 图 中 ,要 将 它们 加 入 顶点 列表 ( 行 {8} 和 
行 {9} )。 


然后 ， 通 过 将 w 加 入 到 v 的 邻接 表 中 ， 我 们 添加 了 一 条 自 项 点 v 到 顶点 w 的 边 ( 行 {10} )。 
如 果 你 想 实现 一 个 有 向 图 ， 则 行 {10} 就 足够 了 。 由 于 本 章 中 大 多 数 的 例子 都 是 基于 无 向 图 的 ， 
我 们 需要 添加 一 条 自 w 到 v 的 边 ( 行 {11} )。 














0 请 注意 我 们 只 是 往 数组 里 新 增 元 素 ， 因 为 数组 已 经 在 行 {17} 被 初始 化 了 。 


要 完成 创建 Graph 类 ， 我们 还 要 声明 两 个 取 值 的 方法 : 一 个 返回 顶点 列表 ， 另 一 个 返回 邻 
接 表 。 


getVertices() { 

return this.vertices; 
} 
getAdjList() { 


return this.adjList; a 
} 
让 我 们 测试 这 段 代 码 。 


const graph = new Graph(); 





GONnst my Vert lees A, Bp ME MD Mm Ee EPA I | 2 


for (let i = 0; i < myVertices.length; i++) { // {13} 
graph.addVertex(myVertices[i]); 

上 

graph.addEdge('A', 'B'); // {14} 
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graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel 

graph.addEdgel(' 
graph.addEdgel 

graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdgel(' 


为 方便 起 见 ， 我 们 创建 了 一 个 数组 ， 包 含 所 有 想 添加 到 图 中 的 顶点 ( 行 {12} )。 接 下 来 ， 只 
要 遍历 myVertices 数组 并 将 其 中 的 值 逐 一 添加 到 我 们 的 图 中 ( 行 {13} )。 最 后 , 我 们 添加 想 要 
的 边 ( 行 {14} )。 这 段 代码 将 会 创建 一 个 图 ， 也 就 是 到 目前 为 止 本 章 的 示意 图 所 使 用 的 。 


为 了 更 方便 一 些 ， 让 我 们 来 实现 Graph 类 的 tostring 方法 ， 以 便 在 控制 台 输出 图 。 


toString() { 
Te :8. Sr" 
for (let i = 0; i < this.vertices.length; i++) { // {15} 
s += ‘S$S{this.vertices[i]} -> `， 
const neighbors = this.adjList.get (this.vertices[i]); // {16} 
for (let j = 0; j < neighbors.length; j++) { // {17} 
s += ‘S${neighbors[j]} >: 


国 团 加 吕 OOP 
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) 
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我 们 为 邻接 表 表 示 法 构建 了 一 个 字符 串 。 首 先 ， 和 迭代 vertices 数组 列表 ( 行 {15} ), 将 项 
点 的 名 字 加 入 字符 串 中 。 接 着 ， 取 得 该 顶点 的 邻接 表 ( 行 {16} ), 同样 迭代 该 邻接 表 ( 行 {17} )， 
将 相 邻 顶点 加 入 我 们 的 字符 串 。 邻 接 表 迭代 完成 后 , 给 我 们 的 字符 串 添加 一 个 换行 符 ( 行 {18} )， 
这 样 就 可 以 在 控制 台 看 到 一 个 漂亮 的 输出 了 。 运 行 如 下 代码 : 


console.log(graph.toString()); 


输出 如 下 。 








人 OADDODO 


~- 


HADHHMNA 


HADNNHNINWS 
1 
Vv 
因 昌 加 田 田 到 到 吧 上 
局 


一 个 漂亮 的 邻接 表 ! 从 该 输出 中 ， 我 们 知道 顶点 A 有 这 几 个 相 邻 顶点 : B、C 和 D。 
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12.4 图 的 遍历 


和 树 数 据 结 构 类 似 , 我 们 可 以 访问 图 的 所 有 节点 。 有 两 种 算法 可 以 对 图 进行 遍历 : 广度 优先 
搜索 ( breadth-first search，BFS ) 和 深度 优先 搜索 ( depth-first search，DFS )。 图 遍历 可 以 用 来 寻 




















































































































找 特定 的 顶点 或 寻找 两 个 顶点 之 间 的 路 径 ， 检 查 图 是 否 连 通 ， 检 查 图 是 否 含有 环 ， 等 等 。 
在 实现 算法 之 前 ， 让 我 们 来 更 好 地 理解 一 下 图 遍历 的 思想 。 
图 遍历 算法 的 思想 是 必须 追踪 每 个 第 一 次 访问 的 节点 ,并且 追踪 有 哪些 节点 还 没有 被 完全 探 
索 。 对 于 两 种 图 遍历 算法 ， 都 需要 明确 指出 第 一 个 被 访问 的 顶点 。 
完全 探索 一 个 顶点 要 求 我 们 查看 该 顶点 的 每 一 条 边 。 对 于 每 一 条 边 所 连接 的 没有 被 访问 过 的 
顶点 ， 将 其 标注 为 被 发 现 的 ， 并 将 其 加 进 待 访问 顶点 列表 中 。 
为 了 保证 算法 的 效率 ,务必 访问 每 个 顶点 至 多 两 次 。 连 通 图 中 每 条 边 和 顶点 都 会 被 访问 到 。 
广度 优先 搜索 算法 和 深度 优先 搜索 算法 基本 上 是 相同 的 , 只 有 一 点 不 同 , 那 就 是 待 访问 顶点 
列表 的 数据 结构 ， 如 下 表 所 示 。 
算 法 数据 结构 描 述 
深度 优先 搜索 栈 将 顶点 存 入 栈 (在 第 4 章 中 学 习 过 )， 顶 点 是 沿 着 路 径 被 探索 的 ， 存 在 新 的 相 邻 顶点 
就 去 访问 
广度 优先 搜索 队列 将 顶点 存 人 队列 《在 第 5 章 中 学 习 过 )， 最 先 人 队列 的 顶点 先 被 探索 
当 要 标注 已 经 访问 过 的 顶点 时 ， 我 们 用 三 种 颜色 来 反映 它们 的 状态 。 
口 白色 : 表示 该 项 点 还 没有 被 访问 。 
口 灰色 : 表示 该 顶点 被 访问 过 ， 但 并 未 被 探索 过 。 
口 黑色 : 表示 该 顶点 被 访问 过 且 被 完全 探索 过 。 
这 就 是 之 前 提 到 的 务必 访问 每 个 项 点 最 多 两 次 的 原因 。 
为 了 有 助 于 在 广度 优先 和 深度 优先 算法 中 标记 顶点 , 我 们 要 使 用 colors 变量 ( 作为 一 个 枚 
举 需 )， 声 明 如 下 。 
const Colors = { 
WHITE: 0， 
GREY: 1, 
BLACK: 2 
两 个 算法 还 需要 一 个 辅助 对 象 来 帮助 存储 顶点 是 否 被 访问 过 。 在 每 个 算法 的 开头 , 所 有 的 顶 





点 会 被 标记 为 未 访问 〈 白色 )。 我 们 要 用 下 面 的 函数 来 初始 化 每 个 顶点 的 颜色 。 
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const initializeColor = vertices => { 
Const "color (> 
for (let i = 0; i < vertices.length; i++) { 
color [vertices [il] = Colors.WHITE; 


} 
return color; 


人 


我 们 使 用 第 2 章 学 习 到 的 ES2015 中 的 const 和 箭头 函数 来 声明 函数 。 我 们 也 可 
a 以 使 用 如 function initializeColor(vertices) {} 的 函数 语法 来 声明 


ijnitializeColor 函数 。 


12.4.1 广度 优先 搜索 





广度 优先 搜索 算法 会 从 指定 的 第 一 个 顶点 开始 遍历 图 ， 先 访问 其 所 有 的 邻 点 ( 相 邻 顶点 )， 
就 像 一 次 访问 图 的 一 层 。 换 句 话说 ， 就 是 先觉 后 深 地 访问 顶点， 如 下 图 所 示 。 























以 下 是 从 顶点 v 开 始 的 广度 优先 搜索 算法 所 遵循 的 步 又 。 


(1) 创建 一 个 队列 0。 
(2) 标注 v 为 被 发 现 的 (灰色 )， 并 将 v 入 队列 2。 
(3) 如 果 oO 非 空 ， 则 运行 以 下 步 又 : 
(a) 将 uw 从 OO 中 出 队列 ; 
(b) 标注 “为 被 发 现 的 (灰色 ); 
(c) 将 wu 所 有 未 被 访问 过 的 邻 点 (白色) 入 队列 ; 
(d) 标注 为 已 被 探索 的 〈 黑 色 )。 


让 我 们 来 实现 广度 优先 搜索 算法 。 


export const breadthFirstSearch = (graph, startVertex, callback) => { 
const vertices = graph.getVertices(); 
const adjList = graph.getAdjList(); 
const color = initializeColor(vertices); // {1} 
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const queue = new Queue(); // {2} 
Gueue .endueue (startVertex); // {3} 


while (!queue.isEmpty()) { // {4} 
const u = queue.dequeue(); // {5} 
const neighbors = adjList.get(u); // {6} 
olor [ul, "= "COLOrs GREYS: YY 不 人 
for (let i = 0; i < neighbors.length; i++) { // {8} 
const w = neighbors[i]; // {9} 
if (color[w] === Colors.WHITE) { // {10} 
Color[w] = Colors.GREY; // {11} 
queue.enqueue (w); // {12} 
} 
; 


GOLOr [Ul = COLOrS:. BLACK? “A tL3:} 
if (callback) { // {14} 
callback (u); 


} 
} 
jy 
让 我 们 深入 学 习 广 度 优先 搜索 方法 的 实现 。 我们 要 做 的 第 一 件 事 情 是 用 initializecolor 
函数 来 将 color 数组 初始 化 为 白色 ( 行 {1} ), 我 们 还 需要 声明 和 创建 一 个 Queue 实例 ( 行 12} )， 
它 将 会 存储 待 访问 和 待 探 索 的 顶点。 


照 着 本 章 开 头 解 释 过 的 步 台 ，breadthFirstSearch 方法 接收 一 个 图 实例 和 顶点 作为 算法 
的 起 始点 。 起 始 项 点 是 必要 的 ,我们 将 此 顶点 入 队列 ( 行 {3} )。 


如 果 队 列 非 空 ( 行 {4} ), 我 们 将 通过 出 队列 ( 行 {5} ) 操作 从 队列 中 移 除 一 个 顶点， 并 取得 
一 个 包含 其 所 有 邻 点 的 邻接 表 ( 行 {6} )。 该 顶点 将 被 标注 为 灰色 ( 行 {7} )， 表示 我 们 发 现 了 它 
(但 还 未 完成 对 其 的 探索 )。 

对 于 u( 行 {8} ) 的 每 个 邻 点 ， 我们 取得 其 值 (该 项 点 的 名 字 一 一 行 {9} )， 如 果 它 还 未 被 访 
问 过 ( 颜色 为 白色 一 一 行 {10} ), 则 将 其 标注 为 我 们 已 经 发 现 了 它 ( 颜色 设置 为 灰色 一 一 行 {11} )， 
并 将 这 个 顶点 加 入 队列 ( 行 {12} )。 这 样 当 其 从 队列 中 出 列 的 时 候 ， 我 们 可 以 完成 对 其 的 探索 。 




















行 {13} )。 
我 们 实现 的 这 个 preadthFirstSsearch 方法 也 接收 一 个 回调 (我 们 在 第 10 章 中 遍历 树 时 使 
用 了 一 个 相似 的 方法 )。 这 个 参数 是 可 选 的 ， 如 果 我 们 传递 了 回调 函数 ( 行 {14} )， 就 会 用 到 它 。 
让 我 们 执行 下 面 这 段 代码 来 测试 一 下 该 算法 。 


const printVertex = (value) => console.log('Visited vertex: ' + value); // {15} 
breadthFirstSearch(graph, myVertices[0], printVertex); 
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首先 ,我们 声明 了 一 个 回调 函数 ( 行 {15} )， 它 仅仅 在 浏览 带 控 制 全 上 输出 已 经 被 完全 探索 











过 的 顶点 的 名 字 。 接 着 ,我 们 会 调用 breadthFirstSsearch 方法 ， 给 它 传递 图 ( 和 我 们 在 本 音 
之 前 用 来 测试 Graph 类 的 示例 一 样 )， 第 一 个 顶点 (A 一 一 来 自 本 章 开头 声明 的 myvertices 数 





组 ) 和 回调 函数 (printVertex )。 当 我 们 执行 这 段 代码 时 ， 该 算法 会 在 浏览 需 控 制 台 输出 如 下 
所 示 的 结果 。 


Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 





HANNHDONWD 


1. 使 用 BFS 寻找 最 短路 径 
到 目前 为 止 ， 我 们 只 展示 了 BFS 算法 的 工作 原理 。 我 们 可 以 用 该 算法 做 更 多 事情 ， 而 不 只 


























是 输出 被 访问 项 点 的 顺序 。 例 如 ， 考 虑 如 何 来 解决 下 面 这 个 问题 。 
给 定 一 个 图 G 和 源 顶 点 v， 找 出 每 个 顶点 wu 和 之 间 最 短路 径 的 距离 〈 以 边 的 数量 计 )。 
对 于 给 定 顶 点 v， 广 度 优 先 算法 会 访问 所 有 与 其 距离 为 1 的 顶点 ， 接 着 是 距离 为 2 的 顶点 ， 


以 此 类 推 。 所 以 ， 可 以 用 广度 优先 算法 来 解 这 个 问题 。 我 们 可 以 修改 breaathFirstSearcnh 方 
法 以 返回 给 我 们 一 些 信息 : 


口 从 v 到 4 的 距离 distances[u]; 














口 前 溯 点 predecessors[u]， 用 来 推导 出 从 v 到 其 他 每 个 顶点 wu 的 最 短路 径 。 
让 我 们 来 看 看 改进 过 的 广度 优先 方法 的 实现 。 


const BFS = (graph, startVertex) => { 
const vertices = graph.getVertices( 
const adjList = graph.getAdjList(); 
const color = initializeColor (vertices); 
const queue = new Queue(); 
const distances = {}; // {1} 
const predecessors = {}; // {2} 
queue.engqueue (startVertex); 


) 


for (let i = 0; i < vertices.length; i++) { // {3} 
distances[vertices[i]] = 0; // {4} 
predecessors[vertices[i]] = null; // {5} 


} 


while (!queue.isEmpty()) { 
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const u = queue.dequeue(); 
const neighbors = adjList.get (u); 
Color[u] = Colors.GREY; 
for (let i = 0; i < neighbors.length; i++) { 
const w = neighbors[il]; 
Lf (COLOF EW =="OCOLOrSSWHITE):{ 
Color[w] = Colors.GREY; 
distances[w] = distances[u] + 1; // {6} 
predecessors[w] = u; // {7} 
queue.enqueue (w); 
} 
} 
color[u] = Colors.BLACK; 
} 
return { // {8} 
distances, 
predecessors 
人 
让 


这 个 版 本 的 BFS 方法 有 些 什么 改变 ? 


我 们 还 需要 声明 数组 distances( 行 {1} ) 来 表示 距离 , 以 及 predecessors 数组 ( 行 {2}) 











来 表示 前 漳 点 。 下 一 步 则 是 对 于 图 中 的 每 一 个 顶点 ( 行 {3} )， 用 0 来 初始 化 数组 distances 
( 行 {4} )， 用 null 来 初始 化 数组 predecessors ( 行 {5} )。 


当 我 们 发 现 顶 点 u 的 邻 点 w 时 ， 则 设置 w 的 前 漳 点 值 为 u( 行 {7} )。 我 们 还 通过 给 


方法 最 后 返回 了 一 个 包含 distances 和 predecessors 的 对 象 ( 行 {8} )。 
现在 ， 我 们 可 以 再 次 执行 BFs 方法 ， 并 将 其 返回 值 存在 一 个 变量 中 。 


const ShortestPathA = BFS(graph, myVertices[0]); 
console.log(shortestPathA); 























对 顶点 A 执行 BFS 方法 ， 以 下 将 会 是 输出 。 


distances: [A: 0, B: 1, C: 1, D: 1, E: 2, F: 2，G: 2, H: 2 , I: 3], 
predecessors: [A: null, B: "A", C: "A", D: "A", E: "B", F: "B", G: "C", H: "D" 








这 意味 着 顶点 A 与 顶点 B、C 和 D 的 距离 为 1; 与 顶点 EE、F、G 和 HH 的 距离 为 2; 


的 距离 为 3。 


通过 前 溯 点 数组 ， 我 们 可 以 用 下 面 这 段 代 码 来 构建 从 顶点 A 到 其 他 顶点 的 路 径 。 


const fromVertex = myVertices[0]; // {9} 


for (i = 1; i < myVertices.length; i++) { // {10} 
const toVertex = myVertices[i]; // {11} 
const path = new Stack(); // {12} 
for (let V = toVvertex; 


| 2 


与 顶点 工 


distances[u] 加 1 来 增加 v 和 w 之 间 的 距离 (u 是 w 的 前 漳 点 ,aistances [ul] 的 值 已 经 有 了 )。 
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== fromVertex; 
hortestPathA.predecessors[v]) { // {13} 
( 


Vv); // {14} 


! 


< < 


S 
path.push 
} 
path.push(fromVertex); // {15} 


Let Ss. pathpoB(}: YA {16 
while (!path.isEmpty()) { // {17} 
Ss += "'- ' + path.pop(); // {18} 


3} 
console.1log(s); // {19} 


我 们 用 顶点 A 作为 源 顶点 ( 行 {9} )。 对 于 每 个 其 他 顶点 (除了 顶点 A 一 一 行 {10} ), 我 们 会 
计算 顶点 A 到 它 的 路 径 。 我们 从 myvertices 数组 得 到 值 ( 行 {11}) ), 然后 会 创建 一 个 栈 来 存储 


路 径 值 ( 行 {12} )。 





接着 ， 我 们 追溯 tovertex 到 fromVertex 的 路 径 ( 行 {13} )。 变 量 v 被 赋值 为 其 前 漳 点 
的 值 ， 这 样 我 们 能 够 反 向 追溯 这 条 路 径 。 将 变量 v 添加 到 栈 中 ( 行 {14} )。 最 后 ， 源 顶点 也 会 被 





添加 到 栈 中 ( 行 {15} )， 以 得 到 完整 路 径 。 





之 后 , 我 们 创建 了 一 个 s 字符 串 ， 并 将 源 顶 点 赋值 给 它 ( 它 是 最 后 一 个 加 入 栈 中 的 ,所 以 是 




















第 一 个 被 弹出 的 项 
接 到 字符 串 s 的 后 面 ( 行 {18} )。 最 后 ， 在 控制 台 上 输出 路 径 ( 行 {19} )。 


执行 该 代码 段 ， 我 们 会 得 到 如 下 输出 。 











ppPPPPpPPpPPpPD 
和 
HODOANAWUHOUDONUT 
et i A 


四 中 中 喇 上 国 


- 工 
这 里 ， 我 们 得 到 了 从 顶点 A 到 图 中 其 他 顶点 的 最 短路 径 ( 衡量 标准 是 边 
2. 深入 学 习 最 短路 径 算 法 


本 章 中 的 图 不 是 加 权 图 。 如 果 要 计算 加 权 图 中 的 最 短路 径 ( 例如， 城市 
最 短路 径 一 一 GPS 和 Google Maps 中 用 到 的 算法 )， 广 度 优 先 搜 索 未 必 合 适 。 





























行 {16} )。 当 栈 是 非 空 的 ( 行 {17} ), 我 们 就 从 栈 中 移出 一 个 项 并 将 其 拼 


的 数量 )。 


A 和 城市 B 之 间 的 


举 几 个 例子 ，Dijkstra 算法 解决 了 单 源 最 短路 径 问 题 。Bellman-Ford 算法 解决 了 边 权 值 为 负 











的 单 源 最 短路 径 问 题 。A* 搜 索 算 法 解决 了 求 仅 一 对 顶点 间 的 最 短路 径 问题 , 用 经 验 法 则 来 加 速 搜 
索 过 程 。Floyd-Warshall 算法 解决 了 求 所 有 顶点 对 之 间 的 最 短路 径 这 一 问题 。 


我 们 会 在 本 章 后 面 学 习 Dijkstra 算法 和 Floyd-Warshall 算法 。 
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12.4.2 ”深度 优先 搜索 


深度 优先 搜索 算法 将 会 从 第 一 个 指定 的 顶点 开始 遍历 图 , 沿 着 路 径直 到 这 条 路 径 最 后 一 个 顶 
点 被 访问 了 ,接着 原 路 回 退 并 探索 下 一 条 路 径 。 换 名 话说， 它 是 先 深度 后 广度 地 访问 顶点 ， 如 下 
图 所 示 。 





























深度 优先 搜索 算法 不 需要 一 个 源 顶 点 。 在 深度 优先 搜索 算法 中 , 若 图 中 顶点 "未 访问 ， 则 访 
问 该 顶点 vs 


要 访问 顶点 "， 照 如 下 步骤 做 : 


(1) 标注 v 为 被 发 现 的 ( 灰色 ); 
(2) 对 于 v 的 所 有 未 访问 (白色) 的 邻 点 w， 访问 顶点 w; 
(3) 标注 v 为 已 被 探索 的 (黑色 )。 


如 你 所 见 , 深度 优先 搜索 的 步骤 是 递归 的 , 这 意味 着 深度 优先 搜索 算法 使 用 栈 来 存储 函数 调 
用 (由 递归 调用 所 创建 的 栈 )。 


让 我 们 来 实现 一 下 深度 优先 算法 。 


const depthFirstSearch = (graph, callback) => { // {1} 
const vertices = graph.getVertices(); 
const adjList = graph.getAdjList(); 
const color = initializeColor (vertices); 























for (let i = 0; i < vertices.length; i++) { // {2} 
if (color[vertices[i]] === Colors.WHITE) { // {3} 
depthFirstSearchVisit (vertices[i], color, adjList, callback); // {4} 
} 
} 
已 


const depthFirstSearchVisit = (u, color, adjList, callback) => { 
OlLOEF [Lu]. SCOLORS -CRE /7 
if (callback) { // {6} 
callback (u); 
} 
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const neighbors = adjList.get (u); // {7} 

for (let i = 0; i < neighbors.length; i++) { // {8} 
const w = neighbors[i]; // {9} 
if (color[w] === Colors.WHITE) { // {10} 

depthFirstSearchVisit(w, color, adjList, callback); // {11} 

} 

} 

Color [u] = Colors: BLACK // {12} 

js 


depthFirstSearch 困 数 接收 一 个 Graph 类 实例 和 回调 函数 作为 参数 ( 行 {1} )。 在 初始 化 
每 个 顶点 的 颜色 后 ， 对 于 图 实例 中 每 一 个 未 被 访问 过 的 顶点 ( 行 {2} 和 行 {3} ), 我 们 调用 私有 的 
递归 函数 aepthFirstSsearchVisit， 传 递 的 参数 为 要 访问 的 顶点 u、 颜 色 数 组 以 及 回调 函数 
( 行 {4} )。 


当 访 问 顶 点 u 时 ， 我 们 标注 其 为 被 发 现 的 ( 灰色 一 一 行 {5} )。 如 果 有 callback 函数 的 话 
( 行 {6} )， 则 执行 该 函数 输出 已 访问 过 的 顶点 。 接 下 来 的 一 步 是 取得 包含 顶点 u 所 有 邻 点 的 列表 
( 行 {7} ) 对 于 顶点 u 的 每 一 个 未 被 访问 过 ( 颜色 为 白色 一 一 行 110} 和 行 18} ) 的 邻 点 w( 行 {9} )， 
我 们 将 调用 aepthFirstSsearchVisit 因数 ,传递 w 和 其 他 参数 ( 行 {11} 添加 顶点 w 入 栈 ， 
这 样 接 下 来 就 能 访问 它 )。 最 后 ， 在 该 顶点 和 邻 点 按 深 度 访问 之 后 ， 我 们 回 退 ， 意 思 是 该 顶点 已 
被 完全 探索 ， 并 将 其 标注 为 黑色 ( 行 {12} )。 


让 我 们 执行 下 面 的 代码 段 来 测试 一 下 depthFirstSearch 方法 。 


depthFirstSearch (graph, printVertex); 


输出 如 下 。 


Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 


这 个 顺序 和 本 节 开 头 处 示意 图 所 展示 的 一 致 。 下 面 这 个 示意 图 展示 了 该 算法 每 一 步 的 执行 
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会 为 其 他 顶点 再 执行 一 次 ( 比如 顶点 A )。 


Angular (版 本 2+ ) 在 探测 变更 〈 验 证 HTML 模板 是 否 需 要 更 新 ) 方面 使 用 的 i 





算法 和 深度 优先 搜索 算法 非常 相似 。 要 了 解 更 多 ,请 访问 http://t.cn/E532diz。 数 
据 结构 和 算法 对 于 理解 前 端 框架 是 怎样 工作 的 以 及 将 你 的 知识 提升 到 更 高 的 层 
次 也 是 很 重要 的 。 


1. 探索 深度 优先 算法 


到 目前 为 止 , 我 们 只 是 展示 了 深度 优先 搜索 算法 的 工作 原理 。 我 们 可 以 用 该 算法 做 更 多 的 事 
情 ， 而 不 只 是 输出 被 访问 顶点 的 顺序 。 
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对 于 给 定 的 图 G， 我 们 希望 深度 优先 搜索 算法 遍历 图 G 的 所 有 节点 ， 构建“ 森林 ”( 有 根 树 
的 一 个 集合 ) 以 及 一 组 源 项 点 ( 根 )， 并 输出 两 个 数组 : 发 现时 间 和 完成 探索 时 间 。 我 们 可 以 修 
改 depthFirstSearch 也 数 来 返回 一 些 信息 : 


口 顶点 u 的 发 现时 间 aru] ; 
口 当 顶 点 u 被 标注 为 黑色 时 ，nu 的 完成 探索 时 间 Eru] ; 
口 顶点 u 的 前 漳 点 p[u]。 


让 我 们 来 看 看 改进 了 的 DFs 方法 的 实现 。 


export const DFS = graph => { 
const vertices = graph.getVertices(); 
const adjList = graph.getAdjList(); 
const color = initializeColor(vertices); 
Conse: dQ SS- CF; 
const f£f 三 {}; 
const p = {}; 
Const time. Ss.{ Count % OF YY {1 
for (let i = 0; i < vertices.length; i++) { // {2} 

















flvertices[i]] = 0; 
d[vertices[i]] = 0; 
plvertices[i]] = null; 


} 
for (let i = 0; i < vertices.length; i++) { 
if (color[vertices[i]] === Colors.WHITE) { 
DFSVisit (vertices[i], color, d, f, p, time, adjList); 
} 
} 
return { // {3} 
discovery: dd, 
finished: 工 ， 
predecessors: p 


}> 

和 

const, DFSVisot er (UU GCOS de fr Br time, ddiList) eS “ 
COLGELU) ECOLGrS .GREY’; 
d[u] = ++time.count; // {4} 


const neighbors = adjList.get (u); 
for (let i = 0; i < neighbors.length; i++) { 
const w = neighbors[i]; 
if (color[w] === Colors.WHITE) { 
p[lw] = u; // {5} 
DESVISIE(W, GOLGEF, :dy f, Br time, adijList)’; 


} 
} 
color [ul = Colors.BLACK; 
f[u] = ++time.count; // {6} 


J} 


我 们 需要 声明 一 个 变量 来 追踪 发 现时 间 和 完成 探索 时 间 ( 行 {1} )。 
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我 们 声明 一 个 time 对象 ,包含 count 属性 , 这 跟 JavaScript 中 的 方法 按 值 或 按 
引用 传递 参数 有 关 。 在 一 些 语言 中 , 按 值 或 按 引 用 传递 参数 是 有 区 别 的 。 原 始 数 
据 类 型 是 按 值 传递 的 , 也 就 是 说 值 的 作用 域 只 存在 于 函数 的 执行 过 程 中 。 如 果 修 

0 改 了 值 ， 只 会 在 函数 的 作用 域内 生效 。 如 果 参 数 以 引用 形式 ( 对象 ) 传递 ， 并 修 
改 了 对 象 中 的 任意 属性 ,将 会 影响 对 象 的 原始 值 。 对 象 以 引用 形式 传递 是 因为 只 
有 内 存 的 引用 被 传 给 了 函数 或 方法 。 在 这 个 例子 中 , 我 们 希望 次 数 统计 在 这 个 算 
法 执行 过 程 中 是 全 局 使 用 的 ， 所 以 需要 将 参数 以 对 象 传递 ， 而 不 是 原始 值 。 


被 发 现 的 ， 我 们 追踪 它 的 前 淹 点 〈 行 15} )。 最 后 ， 当 这 个 顶点 被 完全 探索 后 ， 我 们 追踪 其 完成 
时 间 ( 行 f6} )。 

深度 优先 算法 背后 的 思想 是 什么 ?” 边 是 从 最 近 发 现 的 顶点 u 处 被 向 外 探索 的 ,只 有 连接 到 未 
发 现 的 顶点 的 边 被 探索 了 。 当 u 所 有 的 边 都 被 探索 了 ， 该 算法 回 退 到 u 被 发 现 的 地 方 去 探索 其 
他 的 边 。 这 个 过 程 持续 到 我 们 发 现 了 所 有 从 原始 顶点 能 够 触及 的 顶点 。 如 果 还 留 有 任何 其 他 未 被 
发 现 的 顶点 ， 我 们 对 新 源 顶 点 重复 这 个 过 程 。 重 复 该 算法 ， 直 到 图 中 所 有 的 顶点 都 被 探索 了 。 

对 于 改进 过 的 深度 优先 搜索 ， 有 两 点 需要 我 们 注意 : 
口 时 间 (time ) 变量 值 的 范围 只 可 能 在 图 顶点 数量 的 一 倍 到 两 倍 (21v| ) 之 间 ; 
口 对 于 所 有 的 顶点 u，qd[u]<f[u] (意味 着 ,发 现时 间 的 值 比 完成 时 间 的 值 小 ， 完 成 时 间 

意思 是 所 有 顶点 都 已 经 被 探索 过 了 )。 

在 这 两 个 假设 下 ， 我 们 有 如 下 的 规则 。 

于 过 三 a i A 

如 果 对 同一 个 图 再 跑 一 遍 新 的 深度 优先 搜索 方法 ， 对 图 中 每 个 顶点 ， 我 们 会 得 到 如 下 的 发 现 / 
完成 时 间 。 
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但 我 们 能 用 这 些 新 信息 来 做 什么 呢 ? 来 看 下 一 他 。 
2. 拓扑 排序 一 一 使 用 深度 优先 搜索 
给 定 下 图 ， 假 定 每 个 顶点 都 是 一 个 我 们 需要 去 执行 的 任务 。 


(2 ) fs) 
人 
































这 是 一 个 有 向 图 ， 意 味 着 任务 的 执行 是 有 顺序 的 。 例 如 ， 任 务 上 不 能 在 任务 A 
之 前 执行 。 注意 这 个 图 没有 环 ， 意味 着 这 是 一 个 无 环 图 。 所 以 , 我 们 可 以 说 该 图 
是 一 个 有 向 无 环 图 (DAG )。 


当 我 们 需要 编排 一 些 任务 或 步骤 的 执行 顺序 时 ， 这 称 为 拓扑 排序 (topological sorting， 英 文 
亦 写 作 topsort 或 是 toposort )。 在 日 常生 活 中 ， 这 个 问题 在 不 同情 形 下 都 会 出 现 。 例 如 ， 当 我 们 
开始 学 习 一 门 计算 机 科学 课程 , 在 学 习 某 些 知 识 之 前 得 按 顺序 完成 一 些 知识 储备 (你 不 可 以 在 上 
算法 工 课程 前 先 上 算法 开课 程 )。 当 我 们 在 开发 一 个 项 目 时 ， 需 要 按 顺 序 执行 一 些 步骤。 例如 ， 
首先 从 客户 那里 得 到 需求 ,接着 开发 客户 要 求 的 东西 ,最 后 交付 项 目 。 你 不 能 先 交 付 项 目 再 去 收 


拓扑 排序 只 能 应 用 于 DAG。 那 么 ， 如 何 使 用 深度 优先 搜索 来 实现 拓扑 排序 呢 ? 让 我 们 在 本 
节 开 头 的 示意 图 上 执行 一 下 深度 优先 搜索 。 


graph = new Graph (true); // 有 向 图 














I VTt ee. Sl AA BD SE DU PEG HE 
for (i = 0; i < myVertices.length; i++) { 
graph.addVertex(myVertices[i]); 

} 
graph.addEdge('A' 
graph.addEdge('A' 
graph.addEdge('B', 
graph.addEdge('B' 
graph.addEdge('C' 
graph.addEdge('F' 


村 加 加 口 口 0 


) 
党 
) 四 
) 
) 





const result = DFS(graph); 


这 上段 代码 将 创建 图 ， 添 加 边 ， 执 行 改进 版 本 的 深度 优先 搜索 算法 ， 并 将 结果 保存 到 result 
变量 。 下 图 展示 了 深度 优先 搜索 算法 执行 后 ， 该 图 的 发 现 和 完成 时 间 。 








12.5 最短 路径 算法 231 








1/10 11/12 


"OQ BY Oe 
CF) 3/6 


现在 要 做 的 仅仅 是 以 倒序 来 排序 完成 时 间 数 组 ， 这 便 得 出 了 该 图 的 拓扑 排序 ， 如 下 所 示 。 


























const fTimes = result.finished; 
Ss = '"'; 
for (let count = 0; count < myVertices.length; count++) { 
let max = 0; 
let maxName = null; 
for (i = 0; i < myVertices.length; i++) { 
if (fTimes [myVertices[i]] > max) { 
max = fTimes[myVertices[i]]; 
maxName = myVertices[i]; 
} 
: 
S += '- ' + maxName; 
delete fTimes [maxName] ; 
} 


console.1o0g(s); 

执行 了 上 述 代 码 后 ， 我 们 会 得 到 下 面 的 输出 。 

0 

注意 之 前 的 拓扑 排序 结果 仅 是 多 种 可 能 性 之 一 。 如 果 我 们 稍微 修改 一 下 算法 , 就 会 有 不 同 的 
结果 。 比 如 下 面 这 个 结果 也 是 众多 其 他 可 能 性 中 的 一 个 。 

0 ~ 


这 也 是 一 个 可 以 接受 的 结果 。 












































12.5 最短 路径 算法 
设想 你 要 从 街道 地 图 上 的 A 点 出 发 ， 通 过 可 能 的 最 短路 径 到 达 B 点 。 举 例 来 说 ， 从 洛杉矶 
的 圣 英 尼 卡 大 道 到 好 莱 坞 大 道 ， 如 下 图 所 示 。 
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这 种 问题 在 生活 中 非常 常见 , 我 们 ( 特别 是 生活 在 大 城市 的 人 们 ) 会 求助 于 苹果 地 图 、 谷 歌 
地 图 、Waze 等 应 用 程序 。 当 然 ， 我们 也 有 其 他 的 考虑 ， 如 时 间或 路 况 ， 但 根本 的 问题 仍然 是 : 
从 A 到 B 的 最 短路 径 是 什么 ? 

我 们 可 以 用 图 来 解决 这 个 问题 , 相应 的 算法 被 称 为 最 短路 径 。 下 节 我 们 将 介绍 两 种 非常 著名 
的 算法 ， 即 Dijkstra 算法 和 Floyd-Warshall 算法 。 





12.5.1 ”Dijkstra 算法 


Dijkstra 算 法 是 一 种 计算 从 单个 源 到 所 有 其 他 源 的 最 短路 径 的 贪心 算法 (你 可 以 在 第 14 章 了 
解 到 更 多 关于 贪心 算法 的 内 容 )， 这 意味 着 我 们 可 以 用 它 来 计算 从 图 的 一 个 顶点 到 其 余 各 顶点 的 
最 短路 径 。 


考虑 下 面 这 个 图 。 
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我 们 来 看 看 如 何 找 到 顶点 A 和 其 余 项 点 之 间 的 最 短路 径 。 但 首先 ,我 们 需要 声明 表示 上 图 


的 邻接 矩阵 ， 如 下 所 示 。 


Var graph = [ 


Ce A 
OWOOAPO 


Lo 
人 
口 口 口 NO 
人 


[ 
[ 
[ 
[ 
[ 
[ 


] > 

















现在 ， 通 过 下 面 的 代码 来 看 看 Dijkstra 算法 是 如 何 工作 的 。 


const INF = Number.MAX_SAFE_INTEGER; 


const dijkstra = (graph, src) => { 

const dist = []; 

const visited = []; 

const { length } = graph; 

for (let i = 0; i < length; i++) { // {1} 
dist [EL] LINES 
visited[i] = false; 

} 

dist[sre] = 0 7/ {2 

for (let i = 0; i < length - 1; i++) { // {3} 
const u = minDistance(dist, visited); // {4} 
visited[u] = true; // {5} 
for (let Vv = 0; Vv < length; v++) { 


if (!visited[v] && 
graph[u][v] !== 0 && 
dist[u] !== INF && 
dist[u] + graph[u][v] < dist[v]) { // {6} 
dist[v] = dist[u] + graph[u] [v]; // {7} 


} 
} 
} 
return dist; // {8} 
jl 


下 面 是 对 算法 过 程 的 描述 。 
口 行 {1}: 首先 ， 把 所 有 的 距离 ( dist ) 初始 化 为 无 限 大 (JavaScript 最 大 的 数 INF = Ee 



































Number .MAX_SAFE_INTEGER ), 将 visited[] 初 始 化 为 false。 
口 行 12}: 然后 ， 把 源 顶 点 到 自己 的 距离 设 为 0。 

口 行 {3}: 接 下 来 ,要 找 出 到 其 余 顶 点 的 最 短路 径 。 

口 行 {4}: 为 此 ， 我们 需要 从 尚未 处 理 的 顶点 中 选 出 距离 最 近 的 顶点 。 
口 行 {5}: 把 选 出 的 顶点 标 为 visited， 以 免 重复 计算 。 

口 行 {6}: 如 果 找到 更 短 的 路 径 ， 则 更 新 最 短路 径 的 值 ( 行 {7} )。 

口 行 {8}: 处 理 完 所 有 顶点 后 ， 返 回 从 源 顶 点 ( src ) 到 图 中 其 他 顶点 最 短路 径 的 结果 。 


要 计算 顶点 间 的 minpistance， 就 要 搜索 aist 数组 中 的 最 小 值 ， 返回 它 在 数组 中 的 索引 。 




















dt 
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const minDistance = (dist, visited) => { 
let min = INF; 
let minIndex = -1; 
for (let Vv = 0; Vv < dist.length; v++) { 
if (visited[v] === false && dist[v] <= min) { 


mn = diet[wv]3 
minIndex = Vv; 


} 


return minIindex; 


中 


对 本 节 开 始 的 图 执行 以 上 算法 ， 会 得 到 如 下 输出 。 


RODODPO 
OARAaAaprDo 


人 也 可 以 修改 算法 ， 将 最 短路 径 的 值 和 路 径 一 同 返回 。 


12.5.2 ”Floyd-Warshall 算法 


Floyd-Warshall 算法 是 一 种 计算 图 中 所 有 最 短路 径 的 动态 规划 算法 (你 可 以 在 第 14 章 了 解 到 
更 多 关于 动态 规划 算法 的 内 容 )。 通 过 该 算法 ， 我 们 可 以 找 出 从 所 有 源 到 所 有 项 点 的 最 短路 径 。 


Floyd-Warshall 算法 实现 如 下 所 示 。 


const floydWarshall = graph => { 

















Somst rarste, Si] 
const { length } = graph; 
for (let i = 0; i < length; i++) { // {1} 
dest 和 ; 
for (let j = 0; j < length; j++) { 
Te 
QEStELT EID YA C2 
} else if (!isFinite(graph[i][j])) { 
dist[i][j] = Infinity; // {3} 
} else { 
dist[i][j] = graph[i][j]; // {4} 
} 
} 
} 
for (let k = 0; k < length; k++) { // {5} 
for (let i = 0; i < length; i++) { 
for (let j = 0; j < length; j++) { 
Lf (Lot [RI Edet[R] [I] LSE] {6 
dist[i][j] = dist[i][k] + dist[k][j]; // {7} 


} 
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} 
} 
return dist; 


7 

下 面 是 对 算法 过 程 的 描述 。 

首先 ， 把 aistance 数组 初始 化 为 每 个 顶点 之 间 的 权 值 ( 行 {1} )， 因 为 i 到 j 可 能 的 最 短 
距离 就 是 这 些 顶点 间 的 权 值 ( 行 {4} ), 顶点 到 自身 的 距离 为 0( 行 {2} )。 如 果 两 个 顶点 之 间 没 有 
边 ， 就 将 其 表示 为 Infinity ( 行 {3} )。 将 顶点 0 到 kk 作为 中 间 点 ( 行 {5} )， 从 i 到 j 的 最 短 
路 径 经 过 k。 行 16} 给 出 的 公式 用 来 计算 通过 顶点 k 的 i 和 j 之 间 的 最 短路 径 。 如 果 一 个 最 短路 
径 的 新 的 值 被 找到 ， 我 们 要 使 用 并 存储 它 ( 行 17} )。 

行 16} 是 Floyd-Warshall 算法 的 核心 。 对 本 节 开 始 的 图 执行 以 上 算法 ， 会 得 到 如 下 输出 。 






































0 2 4 6 4 6 

INF 0 2 4 2 4 

INF INF 0 6 六 5 

INF INF INF 0 INF 2 

INF INF INF 3 0 2 

INF INF INF INF INF 0 

这 里 的 INF 代表 顶点 i 到 j 的 最 短路 径 不 存在 。 

对 图 中 每 一 个 顶点 执行 Dijkstra 算 法， 也 可 以 得 到 相同 的 结果 。 


12.6 最 小 生成 树 

最 小 生成 树 ( MST ) 问题 是 网 络 设计 中 常见 的 问题 。 想 象 一 下 ,你 的 公司 有 几 间 办 公 室 ， 要 
以 最 低 的 成 本 实现 办 公 室 电话 线路 相互 连通 ， 以 节省 资金 ， 最 好 的 办 法 是 什么 ? 

这 也 可 以 应 用 于 岛 桥 问题 。 设想 你 要 在 nn 个 岛屿 之 间 建 造 桥 梁 , 想 用 最 低 的 成 本 实现 所 有 岛 
屿 相互 连通 。 


这 两 个 问题 都 可 以 用 MST 算法 来 解决 , 其 中 的 办 公 室 或 者 岛屿 可 以 表示 为 图 中 的 一 个 顶点 ， [ 
边 代 表 成 本 。 下 面 有 一 个 图 的 例子 ， 其 中 较 粗 的 边 是 一 个 MST 的 解决 方案 。 

































































本 节 我 们 将 学 习 两 种 主要 的 求 最 小 生成 树 的 算法 : Prim 算法 和 Kruskal 算法 。 
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12.6.1 ”Prim 算法 

















Prim 算法 是 一 种 求解 加 权 无 向 连通 图 的 MST 问题 的 贪心 算法 。 它 能 


得 其 构成 的 树 包 含 图 中 所 有 顶点 ， 且 边 的 权 值 之 和 最 小 。 
Prim 算法 如 下 所 示 。 


const INE = Number.MAX_SAFE_INTEGER; 


const prim = graph => { 

const parent = []; 

const key = []; 

const visited = []; 

const { length } = graph; 

fOr (Let,.T 03 1, Tengtli; TFe),{ YA LT} 
key[i] = INF; 
visited[i] = false; 

} 

key[0] = 0; // {2} 

parent[0] = -1; 

for (let i = 0; i < length - 1; i++) { // {3} 
CoOnst, ws KRY (grab key, visited); // {4} 
visitedalu) = truer A/ {5} 
for (let v 0; Vv < length; v++) { 


找 出 一 个 边 的 子 集 , 使 


if (graph[u]l[v] && !visited[v] && graph[u]l[v] < keyl[yv { // {0 
parent[v] = u; // {7} 
key[lv] = graph[u][v]; // {8} 


} 
} 
} 
return parent; // {9} 


和 


下 面 是 对 算法 过 程 的 描述 

















口 行 {1}: 
Number .MAX_SAFE_INTEGER )，visited[] 初 始 化 为 false。 
口 行 {2}: 其 次 ,选择 第 一 个 key 作为 第 一 个 顶点 ， 同 时， 因为 第 
节点 ， 所 以 parent[0] = -1。 

口 行 {(3}: 然后 ， 对 所 有 顶点 求 MST。 

口 行 {4}: 
minDistance 国 数 一 样 ， 只 是 名 字 不 同 )。 


























首先 ， 把 所 有 顶点 ( key ) 初始 化 为 无 限 大 ( JavaScript 最 大 的 数 INF = 


个 顶点 总 是 MST 的 根 





从 未 处 理 的 顶点 集合 中 选 出 key 值 最 小 的 顶点 (与 Dijkstra 算法 中 使 用 的 














口 行 {5}: 把 选 出 的 顶点 标 为 visited， 以 免 重复 计算 。 

口 行 {6}: 如 果 得 到 更 小 的 权 值 ， 则 保存 MST 路 径 (parent, 行 {7} ) 并 更 新 其 权 值 ( 行 
{8} )。 

口 行 19}: 人 处理 完 所 有 顶点 后 ， 返 回 包含 MST 的 结果 。 
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比较 Prim 算法 和 Dijkstra 算法 ， 我 们 会 发 现 除 了 行 {7} 和 行 {8} 之 外 ， 两 者 非常 

相似 。 行 {7} 用 parent 数组 保存 MST 的 结果 。 行 18} 用 key 数组 保存 权 值 最 
i 小 的 边 ， 而 在 Dijkstra 算法 中 ， 用 dist 数组 保存 距离 。 我 们 可 以 修改 Dijkstra 
算法 ， 加 入 parent 数组 。 这 样 ， 就 可 以 在 求 出 距离 的 同时 得 到 路 径 。 


对 如 下 的 图 执行 以 上 算法 。 


Var "gra sl 





[0, 
[2， 
[4， 
[0, 
[0 
[0 


’ 
’ 


我 们 会 得 到 如 下 输出 。 


Edge Weight 
0-1 2 
1-2 2 
5 -3 2 
1-4 2 
4 - 5 2 


12.6.2 ” Kruskal 算法 
和 Prim 算法 类 似 ，Kruskal 算法 也 是 一 种 求 加 权 无 向 连通 图 的 MST 的 贪心 算法 。 
现在 ， 通 过 下 面 的 代码 来 看 看 Kruskal 算法 。 


const kruskal = graph => { 
const { length } = graph; 
const parent = []; 
let ne = 0; 
let a; let b; let u; let V; 
const cost = initializeCost (graph); // {1} 
while (ne < length - 1) { // {2} 
for (let i = 0, min = INF; i < length; i++) { // {3} 
for (let j = 0; j < length; j++) { 
TF (Gost [i [I] < Wl), 
cost.[lil) [jy 


= j; 











[en 
[ml 
| 


} 

u = find(u, parent); // {4} 

Vv = find(v, parent); // {5} 

if (union(u, Vv, parent)) { // {6} 
me++， 

} 

aostlallsl. = Cost[tsl.lal ss "TINE LA 下 





return Parent : 


} 
下 面 是 对 算法 过 程 的 描述 。 


口 行 {1}: 首先 ,把 邻接 矩阵 的 值 复 制 到 cost 数组 ， 以 方便 修改 且 可 以 保留 原始 值 行 {7}。 
口 行 {2}: 当 MST 的 边 数 小 于 顶点 总 数 减 1 时 。 

口 行 {3}: 找 出 权 值 最 小 的 边 。 

口 行 {4} 和 行 {5}: 检查 MST 中 是 否 已 存在 这 条 边 ， 以 避免 环 路 。 

口 行 16}: 如 果 u 和 是 不 同 的 边 ， 则 将 其 加 入 MST。 

口 行 {7}: 从 列表 中 移 除 这 些 边 ， 以 免 重 复 计 算 。 

口 行 {8}: 返回 MST。 


下 面 是 fing 函数 的 定义 。 它 能 防止 MST 出 现 环 路 。 
const find = (i, parent) => { 
while (parent[i]) { 
i = Parent [i]; 
} 
return i; 


站 
union 因数 的 定义 如 下 所 示 。 





















































const union = (i, j, parent) => { 
Ts 
parent[j] = i; 


return true; 
} 
return false; 


} 


这 个 算法 有 几 种 变 体 。 这 取决 于 对 边 的 权 值 排序 时 所 使 用 的 数据 结构 〈 如 优先 队列 )， 以 及 
图 是 如 何 表示 的 。 








12.7 ”小结 

本 章 涵 盖 了 图 的 基本 概念 。 我 们 学 习 了 几 种 不 同 的 方式 来 表示 这 一 数据 结构 , 并 实现 了 用 邻 
接 表 表示 图 的 算法 。 你 还 学 到 了 如 何 用 广度 优先 搜索 和 深度 优先 搜索 来 遍历 图 。 本 章 还 包括 了 广 
度 优先 搜索 和 深度 优先 搜索 的 两 个 实际 应 用 , 它们 分 别 是 使 用 广度 优先 搜索 来 找到 最 短路 径 ， 以 
及 使 用 深度 优先 搜索 来 做 拓扑 排序 。 

本 章 还 介绍 了 一 些 著名 的 算法 ， 如 计算 最 短路 径 的 Dijkstra 算法 和 Floyd-Warshall 算法 ， 以 
及 计算 图 的 最 小 生成 树 的 Prim 算法 和 Kruskal 算 法 。 

下 一 章 ， 我 们 将 会 学 习 计 算 机 科学 中 最 常用 的 排序 算法 。 





























排序 和 搜索 算法 








假设 我 们 有 一 个 没有 任何 排列 顺序 的 电话 号 码 敌 (或 笔记 本 )。 当 需要 添加 联络 人 和 电话 时 ， 
你 只 能 将 其 写 在 下 一 个 空位 上 。 假定 你 的 联系 人 列表 上 有 很 多 人 。 某 天 ,你 要 找 某 个 联系 人 及 其 
电话 号 码 。 但 是 由 于 联系 人 列表 没有 按照 任何 顺序 来 组 织 ,你 只 能 逐个 检查 ， 直 到 找到 那个 你 想 
要 的 联系 人 为 止 。 这 个 方法 太 吓 人 了 , 难道 你 不 这 么 认为 吗 ?” 想象 一 下 你 要 在 黄页 上 搜寻 一 个 联 
系 人 ， 但 是 那 本 黄页 没有 进行 任何 组 织 ， 那 得 花 多 长 时 间 啊 ? ! 

因此 (还 有 其 他 原因 )， 我 们 需要 组 织 信息 集 ， 比 如 那些 存储 在 数据 结构 里 的 信息 。 排 序 和 
搜索 算法 广泛 地 运用 在 待 解决 的 日 常 问题 中 。 


本 章 ， 你 会 学 到 最 常用 的 排序 和 搜索 算法 ， 如 冒 泡 排序 、 选 择 排序 、 插 入 排序 、 希 尔 排 序 、 
归并 排序 、 快 速 排 序 、 计 数 排序 、 桶 排序 、 基 数 排序 ， 以 及 顺序 搜索 、 内 插 搜 索 和 二 分 搜索 
































13.1 排序 算法 


本 节 会 介绍 一 些 在 计算 机 科学 中 最 著名 的 排序 算法 。 我 们 会 从 最 慢 的 一 个 开始 , 接着 是 一 些 
性 能 较 好 的 算法 。 我 们 要 理解 : 首先 要 学 会 如 何 排序 ， 然 后 再 搜索 我 们 需要 的 信息 。 

















你 可 以 在 https://Vvisualgo.net/zh/sorting 和 https:/www.toptal.comy/developers/sorting- 
algorithms 查看 本 章 介 绍 的 著名 算法 的 动画 演示 版 本 。 


我 们 开始 吧 ! | 
13.1.1” 冒 泡 排 序 


人 们 开始 学 习 排 序 算法 时 ， 通 常 都 先 学 冒 泡 算法 ， 因 为 它 在 所 有 排序 算法 中 最 简单 。 然 而 ， 
从 运行 时 间 的 角度 来 看 ， 冒 泡 排序 是 最 差 的 一 个 ， 接 下 来 你 会 知晓 原因 。 
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冒 泡 排序 比较 所 有 相 邻 的 两 个 项 ， 如 果 第 一 个 比 第 二 个 大 ， 则 交换 它们 。 元 素 项 向 上 移动 至 
正确 的 顺序 ， 就 好 像 气 泡 升 至 表面 一 样 ， 冒 泡 排序 因此 得 名 。 


让 我 们 来 实现 一 下 冒 泡 排序 。 


function bubbleSort (array, compareFn = defaultCompare) { 
const { length } = array; // {1} 
for (let i = 0; i < length; i++) { // {2} 
for (let j = 0; j < length - 1; j++) { // {3} 
if (compareFn(array[j], array[j + 1]) === Compare.BIGGER_THAN) { // {4} 
swap(larray, j, j + 1); // {5} 
} 
} 
} 
return array; 


} 


本 章 创建 的 非 分 布 式 排序 算法 都 会 接收 一 个 待 排序 的 数组 作为 参数 以 及 一 个 比较 函数 ,为 了 
使 测试 更 容易 理解 , 我 们 会 在 例子 中 使 用 包含 数字 的 数组 。 不 过 如 果 需 要 对 包含 复杂 对 象 的 数组 
进行 排序 ( 对 包含 people 对 象 的 数组 按 age 属性 排序 )， 我们 的 算法 也 可 以 奏效 。 默 认 的 比较 
函数 是 我 们 之 前 使 用 过 的 defaultCompare 函数 (return a < b ? Compare .LESS_THAN : 
Compare.BIGGER_THAN )。 


























首先 , 声明 一 个 名 为 length 的 变量 , 用 来 存储 数组 的 长 度 ( 行 {1} ) 这 一 步 可 选 , 它 能 帮 
助 我 们 在 行 {2} 和 行 {3} 时 直接 使 用 数组 的 长 度 。 接 着, 外 循环 ( 行 {2} ) 会 从 数组 的 第 一 位 迭代 
至 最 后 一 位 , 它 控制 了 在 数组 中 经 过 多 少 轮 排序 ( 应 该 是 数组 中 每 项 都 经 过 一 轮 ， 轮 数 和 数组 长 
度 一 致 )。 然 后 ， 内 循环 将 从 第 一 位 迭代 至 倒数 第 二 位 ， 内 循环 实际 上 进行 当前 项 和 下 一 项 的 比 
较 ( 行 {4} )。 如 果 这 两 项 顺序 不 对 ( 当前 项 比 下 一 项 大 )， 则 交换 它们 ( 行 {5} )， 意 思 是 位 置 为 
j+1 的 值 将 会 被 换 置 到 位 置 j 处 ， 反 之 亦 然 。 





























我 们 在 第 11 章 创建 了 swap 函数 。 为 了 提醒 我 们 自己 ，swap 函数 的 代码 如 下 。 


function swapl(array, a, b) { 
/* const temp = arrayl[lal; 


arravilal Hrrav tl? 
array[b] = temp; */ // 经 典 方式 
[array[a], array[b]] = [array[b]，array[al]; // ES2015 的 方式 


} 


下 面 的 示意 图 展示 了 冒 泡 排 序 的 工作 过 程 。 
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s5|4|s| 2: | 

5 [2] :24 次 
4|5|3|: 1 | 5>3, 交换 
4|3|s| :| 1 | 5>z, 交 换 
TD zx 钱 
4 BG [2 [: [s 4>3, 交换 

3 [42] ， | s | 4>2. 交 换 
:| > | >: 交 欣 
3|>[ Ts 4<5, 不 交换 





























加 加 可 区 s | 3>2, 交 换 
2]: [|: 5 | 3>1, 交 换 
2|1|3[4|s 3<4 不 交换 





4<5. 不 交换 
2>1 交 换 

2 <3, 不 交换 
3<4, 不 交换 
4<5 不 交换 








1<2, 不 交换 
2<3, 不 交换 
3<4, 不 交换 
4<5, 不 交换 


已 排序 









TE 
1[2 js 





























该 示意 图 中 每 一 小 段 表 示 外 循环 的 一 轮 ( 行 {2} )， 而 相 邻 两 项 的 比较 则 是 在 内 循环 中 进行 


的 ( 行 {3} )。 








我 们 将 使 用 下 面 这 段 代码 来 测试 冒 泡 排序 算法 ， 看 结果 是 否 和 示意 图 所 示 一 致 。 


function createNonSortedArray (size) 


const array = []; 

for (let i 
array .push (i); 

} 

return array; 





= size; i > 


let array = createNonSortedArray (5); 
console.logl(array.join()); 


array = bubbleSort (array) 


console.log(array.join()); 


{7G 
和 

// {7} 
// {8} 
// {9} 
//{10} 


为 了 辅助 测试 本 章 将 要 学 习 的 排序 算法 ， 我 们 将 创建 一 个 函数 来 自动 创建 一 个 未 排序 的 数 


组 , 数组 的 长 度 由 函数 参数 指定 ( 行 {6} )。 如 果 传 递 5 作为 参数 ,该 函数 会 创建 如 下 数组 : 
2，1]。 调 用 这 个 函数 并 将 返回 值 存储 在 一 个 变量 中 ,该 变量 将 包含 这 个 以 某 些 数字 来 














dy .3 








LS. 





























初始 化 的 数组 实例 ( 行 {7} ) 我 们 在 控制 人 台 上 输出 这 个 数组 内 容 , 确保 这 是 一 个 未 排序 数组 ( 行 


序 了 ( 行 {10} )。 


0 




















{8} ), 接着 我 们 调用 冒 泡 排 序 方法 ( 行 f9} ) 并 再 次 在 控制 台 上 输出 数组 内 容 以 验证 数组 已 被 排 


你 可 以 从 书本 的 支持 页 面 ( 或 GitHub 仓库 https://github.com/loiane/javascript- 
datastructures-algorithms ) 所 下 载 的 源 代 码 文件 中 


县 到 更 多 示例 和 测试 代码 。 


注意 当 算法 执行 外 循环 的 第 二 轮 的 时 候 , 数字 4 和 5 已 经 是 正确 排序 的 了 。 尽 管 如 此 , 在 后 





续 比 较 中 ,它们 还 在 一 直 进 行 着 比较 ， 即 使 这 是 不 必要 的 。 因 J 


序 算法 。 








比 ， 我 们 可 以 稍稍 改进 一 下 冒 泡 排 
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改进 后 的 冒 泡 排序 
如 果 从 内 循环 减 去 外 循环 中 已 跑 过 的 轮 数 ， 就 可 以 避免 内 循环 中 所 有 不 必要 的 比较 ( 行 11) )。 


function modifiedBubbleSort (array, compareFn = defaultCompare) { 
const { length } = array; 
for (let i = 0; i < length; i++) { 
for (let j = 0; j < length - 1 - i; j++) { // {1} 
if (compareFn(array[j], array[j + 1]) === Compare.BIGGER_THAN) { 
swap(larray, j, jj + 1); 
} 
} 
} 


return array; 














下 面 这 个 示意 图 展示 了 改进 后 的 冒 泡 排 序 算法 是 如 何 执 行 的 。 















































sS|4|13|1211 4|13|2|1|5|4>3, 交 换 
5s|4|3|2|1|s5>4, 交 换 3 | 4 1 4>2, 人 交换 
已 [3 Ts ] ?> 交换 
4|5|3|2|1|5>3, 交 换 3 | : F [i E 4> 1, 交 换 
1 和 2 已 排序 
4|13|5 5>2, 交 换 4 已 排序 TM 
2 交换 
HE E E ;zu EEE! EE >» 





5 已 排序 [3 4 s |] 3>1 交换 


3 已 排序 

















注意 ,已 经 在 正确 位 置 上 的 数字 没有 被 比较 ,即便 我 们 做 了 这 个 小 改变 来 改进 冒 泡 排 序 算法 ， 
还 是 不 推荐 该 算法 ， 它 的 复杂 度 是 O(n”)。 


我 们 将 在 第 15 章 详 细 介 绍 大 O 表示 法 ， 对 算法 做 更 多 的 讨论 。 











13.1.2 ”选择 排序 


选择 排序 算法 是 一 种 原址 比较 排序 算法 。 选 择 排 序 大 致 的 思路 是 找到 数据 结构 中 的 最 小 值 并 
将 其 放置 在 第 一 位 ， 接 着 找到 第 二 小 的 值 并 将 其 放 在 第 二 位 ， 以 此 类 推 。 


下 面 是 选择 排序 算法 的 源 代码 。 


function selectionSort (array, compareFn = defaultCompare) { 
const { length } = array; // {1} 
let indexMin; 
for (let i = 0; i < length - 1; i++) { // {2} 
indexMin = i; // {3} 
for (let j = i; j < length; j++) { // {4} 
if (compareFn(array [indexMin], array[j]) === Compare.BIGGER_ THAN) { // {5} 
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indexMin = j; // {6} 
} 
} 
if (i !== indexMin) { // {7} 
swap(array, i, indexMin); 
} 
} 
return array; 
}; 
首先 声明 一 些 将 在 算法 内 使 用 的 变量 ( 行 {1} )。 接 着 ,外 循环 ( 行 {2} ) 迭代 数组 ， 并 控制 
迭代 轮 次 〈 数 组 的 第 n 个 值 一 一 下 一 个 最 小 值 )。 我 们 假设 本 迭代 轮 次 的 第 一 个 值 为 数组 最 小 值 
( 行 13} )。 然后， 从 当前 i 的 值 开 始 至 数组 结束 ( 行 {4} ), 我 们 比较 是 否 位 置 j 的 值 比 当 前 最 小 
值 小 ( 行 {5} ); 如 果 是 ， 则 改变 最 小 值 至 新 最 小 值 ( 行 {6} )。 当 内 循环 结束 ( 行 {4} )， 将 得 出 
数组 第 n 小 的 值 。 最 后 ， 如 果 该 最 小 值 和 原 最 小 值 不 同 ( 行 {7} )， 则 交换 其 值 。 


用 以 下 代码 段 来 测试 选择 排序 算法 。 


let array = createNonSortedArray (5); 
console.log(array.join()); 

array = selectionSort (array); 
console.log(array.join()); 


下 面 的 示意 图 展示 了 选择 排序 算法 , 此 例 基 于 之 前 代码 中 所 用 的 数组 , 也 就 是 [5, 4,，3, 2, 1]。 
Ss | 4 | 3 | 2 | 1 

To Ts TT ame 
小 


1 | 4 | 3 | 2 | 5 | 寻找 最 小 值 ，2; 交换 4 和 12 
人 个 


i1213|4 5 | 寻找 最 / 
1/ 
i1|2|3|4 | s | 寻找 最 1 
4 S 


1 2 3 


























于 


; 交换 3 和 1 




















;不 需要 交换 (3===3) 


时 
oy 








mr 
玉 


; 不 需要 交换 (4===4) 




















数组 底部 的 箭头 指示 出 当前 迭代 轮 寻找 最 小 值 的 数组 范围 ( 内 循环 
的 每 一 步 则 表示 外 循环 ( 行 {2} )。 

选择 排序 同样 也 是 一 个 复杂 度 为 O02) 的 算法 。 和 骨 泡 排序 一 样 , 它 包 含有 艇 套 的 两 个 循环 ， 
这 导致 了 二 次 方 的 复杂 度 。 然 而 ， 接 下 来 要 学 的 插 和 人 排序 比 选择 排序 性 能 要 好 。 


行 {4} ), 示意 图 中 
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13.1.3 ”插入 排序 


插入 排序 每 次 排 一 个 数组 项 , 以 此 方式 构建 最 后 的 排序 数组 , 假定 第 一 项 已 经 排序 了 。 接着 ， 
它 和 第 二 项 进行 比较 一 一 第 二 项 是 应 该 待 在原 位 还 是 搬 到 第 一 项 之 前 呢 ? 这 样 , 头 两 项 就 已 正确 
排序 ， 接 着 和 第 三 项 比较 〈 它 是 该 插入 到 第 一 、 第 二 还 是 第 三 的 位 置 呢 )， 以 此 类 推 。 


下 面 这 段 代 码 表示 搬入 排序 算法 。 


function insertionSort (artay，compareFn = defaultCompare) { 
Gonst  { Tengtl, = arrayy  // 1} 
let temp; 
fOr (Let, cL 和 下 全 站 加长 后 LF) 2 
Let J =. Ty AMY C3 
temp = array[i]; // {4} 






































while (j > 0 && compareFn(array[j - 1], temp) === Compare.BIGGER_ THAN) { // {5} 
array[j] = array[j - 1]; // {6} 
中 

ly; 

array[j] = temp; // {7} 


} 
return array; 
}; 
照例 ， 算 法 的 第 一 行 用 来 声明 代码 中 使 用 的 变量 〈 行 11) )。 接着， 和 迭代 数组 来 给 第 i 项 找 
到 正确 的 位 置 ( 行 {2} )。 注意 , 算法 是 从 第 二 个 位 置 (索引 1 ) 而 不 是 0 位 置 开 始 的 《我们 认为 
第 一 项 已 排序 了 )。 然 后， 用 i 的 值 来 初始 化 一 个 辅助 变量 ( 行 {3} ) 并 也 将 其 值 存储 在 一 个 临 
时 变量 中 ( 行 {4} ), 便于 之 后 将 其 插入 到 正确 的 位 置 上 。 下 一 步 是 要 找到 正确 的 位 置 来 插入 项 
目 。 只 要 变量 j 比 0 大 (因为 数组 的 第 一 个 索引 是 0 一 一 没有 负 值 的 索引 ) 并 且 数 组 中 前 面 的 值 
比 待 比较 的 值 大 〈 行 15} )， 我 们 就 把 这 个 值 移 到 当前 位 置 上 ( 行 {6} ) 并 减 小 j。 最 终 ， 能 将 该 
值 插入 到 正确 的 位 置 上 。 


下 面 的 示意 图 展示 了 一 个 插入 排序 的 实例 。 





























































































































sls Tr Tal | EsT:]s>4, me 
3 |s|1|4|2 | 千 插 入 5 1|3|4|[s|2| 3<4; 和 4 
3|s|:1|4|2|3<5, 和 As 1|3]4]s|z | 千 桥 和 2 

3|5|1|4|2 | 待 插入 I > 5 >2， 换 位 
3 ?TsT4|2|s>1, 换 位 1T 3 人 4 | 5 |] 4>2， 换 位 








[|]3|s|4|2|]3>1 要 位 1 人 1 3145 3>2， 换 位 
1 | 3 | 5 | 4 | 2 | 到 达 索 引 位 置 0, 插入 1 1| :|s|4|s| 1<2, 插 和 2 


1|3|s|4|2| 千 括 和 4 1|2[3|4|s| 
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举 个 例子 ,假定 待 排 序数 组 是 [3，5，14，4，2]。 这 些 值 将 被 插入 排序 算法 按照 下 面 的 步 
又 进行 排序 。 


(1) 3 已 被 排序 ， 所 以 我 们 从 数组 第 二 个 值 5 开始 。3 比 5 小 ， 所 以 5 待 在 原 位 (数组 的 第 二 
位 ) 3 和 5 排序 完毕 。 

(2) 下 一 个 待 排序 和 插 到 正确 位 置 上 的 值 是 1 (目前 在 数组 的 第 三 位 )。5 比 1 大 ， 所 以 5 被 
移 至 第 三 位 去 了 。 我 们 得 分 析 1 是 否 应 该 被 插入 到 第 二 位 一 一 1 比 3 大 吗 ? 不 ， 所 以 3 被 移 到 第 
二 位 去 了 。 接着 , 我 们 得 证 明 1 应 该 插入 到 数组 的 第 一 位 上 。 因为 0 是 第 一 个 位 置 有 没有 负数 位 ， 
所 以 1 必须 被 插入 第 一 位 。1、3、5 三 个 数字 已 经 排序 。 

(3) 然后 看 下 一 个 值 : 4。4 应 该 在 当前 位 置 (索引 3 ) 还 是 要 移动 到 索引 较 低 的 位 置 上 呢 ? 
4 比 5 小， 所 以 5 移动 到 索引 3 位置 上 去 。 那么 应 该 把 4 插 到 索引 2 的 位 置 上 去 吗 ? 4 比 3 大 , 所 
以 把 4 插入 数组 的 位 置 3 上。 

(4) 下 一 个 待 插入 的 数字 是 2( 数组 的 位 置 4)。5 比 2 大， 所 以 5 移动 至 索引 4。4 比 2 大 ， 
所 以 4 也 得 移动 (位置 3), 3 也 比 2 大 ， 所 以 3 还 得 移动 。1 比 2 小 ， 所 以 2 插入 到 数组 的 第 二 
位 置 上 。 至 此 ， 数 组 已 排序 完成 。 


排序 小 型 数组 时 ， 此 算法 比 选择 排序 和 冒 泡 排 序 性 能 要 好 。 













































































13.1.4 “归并 排序 


归并 排序 是 第 一 个 可 以 实际 使 用 的 排序 算法 。 你 在 本 书 中 学 到 的 前 三 个 排序 算法 性 能 不 好 ， 
但 归并 排序 性 能 不 错 ， 其 复杂 度 为 O(nlog(n))。 




















JavaScript 的 Array 类 定义 了 一 个 sort 函数 (Array.prototype.sort ) 用 以 
排序 JavaScript 数组 (我们 不 必 自 己 实现 这 个 算法 )。ECMAScript 没 有 定义 用 哪 

省 个 排序 算法 ， 所 以 浏览 器 厂商 可 以 自行 去 实现 算法 。 例 如 ，Mozilla Firefox 使 用 
归并 排序 作为 Array .prototype.sort 的 实现 , 而 Chrome (V8 引擎 ) 使 用 了 
一 个 快速 排序 的 变 体 (下 面 我 们 会 学 习 )。 


归并 排序 是 一 种 分 而 治之 算法 。 其 思想 是 将 原始 数组 切 分 成 较 小 的 数组 , 直到 每 个 小 数组 只 
有 一 个 位 置 ， 接 着 将 小 数组 归并 成 较 大 的 数组 ， 直 到 最 后 只 有 一 个 排序 完毕 的 大 数组 。 


由 于 是 分 治 法 ,归并 排序 也 是 递归 的 。 我 们 要 将 算法 分 为 两 个 函数 : 第 一 个 负责 将 一 个 大 数 
组 分 为 多 个 小 数组 并 调用 用 来 排序 的 辅助 函数 。 我 们 来 看 看 在 这 里 声明 的 主要 函数 。 


function mergeSort (array, compareFn = defaultCompare) { 
if (array.length > 1) { // {1} 
const { length } = array; 
const middle = Math.floor(length / 2); // {2} 
const left = mergeSort (array.slice(0, middle), compareFn); // {3} 
const right = mergeSort (array.slice(middle, length), compareFn); // {4} 
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array = merge(left, right, compareFn); // {5} 
} 
return array; 


} 


归并 排序 将 一 个 大 数组 转化 为 多 个 小 数组 直到 其 中 只 有 一 个 项 。 由 于 算法 是 递归 的 , 我 们 需 
要 一 个 停止 条 件 ,在 这 里 此 条 件 是 判断 数组 的 长 度 是 否 为 1( 行 {1} )。 如 果 是 ， 则 直接 返回 这 个 
长 度 为 1 的 数组 ， 因 为 它 已 排序 了 。 


如 果 数 组 长 度 比 1 大 ， 那 么 得 将 其 分 成 小 数组 。 为 此 ， 首 先 得 找到 数组 的 中 间 位 ( 行 {2} )， 
找到 后 我 们 将 数组 分 成 两 个 小 数组 , 分别 叫 作 left ( 行 {3} ) 和 right ( 行 {4} )。left 数组 由 
索引 0 至 中 间 索 引 的 元 素 组 成 , 而 right 数组 由 中 间 索 引 至 原始 数组 最 后 一 个 位 置 的 元 素 组 成 。 
行 {3} 和 行 {4} 将 会 对 自身 调用 mainsort 函数 直到 left 数组 和 right 数组 的 大 小 小 于 等 于 1。 


下 面 的 步 又 是 调用 merge 函数 ( 行 {6} )， 它 负责 合并 和 排序 小 数组 来 产生 大 数组 ， 直 到 回 
到 原始 数组 并 已 排序 完成 。merge 函数 如 下 所 示 。 


function merge(left, right, compareFn) { 
let i = 0; // {6} 
let Jj = 0; 
const result = []; 
while (i < left.length && j < right.length) { // {7} 
result .push( 









































compareFn(left[i], right[j]) === Compare.LESS_THAN ? left[i++] : right [j++] 
)} 3 £8 
= 
return result.concat (i < left.length ? left.slice(i) : right.slice(j)); // {9} 


} 


merge 函数 接收 两 个 数组 作为 参数 ， 并 将 它们 归并 至 一 个 大 数组 。 排 序 发 生 在 归并 过 程 中 。 
首先 , 需要 声明 归并 过 程 要 创建 的 新 数组 以 及 用 来 迭代 两 个 数组 ( left 和 right 数组 ) 所 需 的 
两 个 变量 ( 行 {6} )。 和 迭代 两 个 数组 的 过 程 中 ( 行 {7} )， 我 们 比较 来 自 left 数组 的 项 是 否 比 来 
自 right 数组 的 项 小 。 如 果 是 ， 将 该 项 从 Left 数组 添加 至 归并 结果 数组 ， 并 递增 用 于 迭 代数 
组 的 控制 变量 ( 行 f8} ) 否则 ， 从 rignt 数组 添加 项 并 递增 用 于 迭代 数组 的 控制 变量 。 


接 下 来 , 将 left 数组 所 有 剩余 的 项 添加 到 归并 数组 中 ， right 数组 也 是 一 样 ( 行 {9} )。 最 
后 ， 将 归并 数组 作为 结果 返回 。 


如 果 执 行 mergesort 函数 ， 下 图 是 具体 的 执行 过 程 。 
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可 以 看 到 , 算法 首先 将 原始 数组 分 割 直至 只 有 一 个 元 素 的 子 数组 , 然后 开始 归并 。 归 并 过 程 
也 会 完成 排序 ， 直 至 原始 数组 完全 合并 并 完成 排序 。 








13.1.5 “快速 排序 


快速 排序 也 许 是 最 常用 的 排序 算法 了 。 它 的 复杂 度 为 O(nlog(n))， 且 性 能 通常 比 其 他 复杂 度 
为 O(nlog(n)) 的 排序 算法 要 好 。 和 归并 排序 一 样 ， 快 速 排 序 也 使 用 分 而 治之 的 方法 ， 将 原始 数组 
分 为 较 小 的 数组 (但 它 没 有 像 归 并 排序 那样 将 它们 分 割 开 )。 


快速 排序 比 目 前 学 过 的 其 他 排序 算法 要 复杂 一 些 。 让 我 们 一 步 步 地 来 学 习 。 


(1) 首先 ， 从 数组 中 选择 一 个 值 作为 主 元 ( pivot )， 也 就 是 数组 中 间 的 那个 值 。 

(2) 创建 两 个 指针 (引用 )， 左边 一 个 指向 数组 第 一 个 值 ， 右 边 一 个 指向 数组 最 后 一 个 值 。 移 
动 左 指针 直到 我 们 找到 一 个 比 主 元 大 的 值 , 接着 , 移动 右 指 针 直 到 找到 一 个 比 主 元 小 的 值 , 然后 
交换 它们 , 重复 这 个 过 程 ， 直 到 左 指针 超过 了 右 指 针 。 这 个 过 程 将 使 得 比 主 元 小 的 值 都 排 在 主 元 
之 前 ， 而 比 主 元 大 的 值 都 排 在 主 元 之 后 。 这 一 步 叫 作 划 分 (partition ) 操作 。 

(3) 接着 ,算法 对 划分 后 的 小 数组 ( 较 主 元 小 的 值 组 成 的 子 数组 ， 以 及 较 主 元 大 的 值 组 成 的 
子 数组 ) 重复 之 前 的 两 个 步 又， 直至 数组 已 完全 排序 。 


让 我 们 开始 快速 排序 的 实现 吧 。 
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function quickSort (array, compareFn = d 
return quick(array, 0, array.length - 


} . 


efaultCompare) { 
1, comparerFn); 


就 像 归 并 算法 那样 ， 开 始 声明 一 个 主 方法 来 调用 递归 函数 ,传递 待 排序 数组 ， 以 及 索引 0 及 


其 最 末 的 位 置 〈 因 为 我 们 要 排 整个 数组 ， 而 不 是 一 个 子 数组 ) 作为 参数 。 





下 面 我 们 来 创建 quick 函数 。 


function quick(array, left, right, comp 
let index; // {1} 
Tf (rray. ength Se) 0 .2 
index = partition(array, left, righ 
if (left < index - 1) { // {4} 


areFn) { 


t, compareFn); // {3} 


quick(array, left, index - 1, compareFn); // {5} 


} 
if (index < right) { // {6} 
quick(array, index, right, compar 
} 
} 
return array; 


入 


erFn); // {7} 


首先 声明 index ( 行 {1} ), 该 变量 能 帮助 我 们 将 子 数组 分 离 为 较 小 值 数组 和 较 大 值 数组 。 
这 样 就 能 再 次 递归 地 调用 quick 函数 了 。partition 国 数 返 回 值 将 赋值 给 indqex ( 行 {3} )。 


如 果 数 组 的 长 度 比 1 大 ( 因为 只 有 一 个 元 素 的 数组 必然 是 已 排序 了 的 
给 定子 数组 执行 partition 操作 (第 一 次 调用 是 针对 整个 数组 ) 以 得 到 index ( 行 {3} )。 如果 


























行 {2} ), 我 们 将 对 








子 数 组 存在 较 小 值 的 元 素 ( 行 {4} )， 则 对 该 数 
的 子 数组 也 是 如 此 ， 如 果 有 子 数组 存在 较 大 值 


1. 划分 过 程 





有 重复 这 个 过 程 ( 行 {5} )。 同 理 ， 对 存在 较 大 值 
行 {6} ), 我 们 也 将 重复 快速 排序 过 程 ( 行 {7} )。 


第 一 件 要 做 的 事情 是 选择 主 元 , 有 好 几 种 方式 。 最 简单 的 一 种 是 选择 数组 的 第 一 个 值 ( 最 左 
边 的 值 )。 然 而 ,研究 表明 对 于 几乎 已 排序 的 数组 ， 这 不 是 一 个 好 的 选择 ， 它 将 导致 该 算法 的 最 
差 表现 。 另 外 一 种 方式 是 随机 选择 数组 的 一 个 值 或 是 选择 中 间 的 值 。 





现在 ， 让 我 们 看 看 划分 过 程 。 


function partition(array, left, right, 
const pivot = array [Math.floor( (right 
le siLefts 9 二 
let a right // "10.) 


while (i <= j) { // {11} 

while (compareFrn(array[i], pivot) = 
工 + 十 ， 

} 

while (compareFrn(array[j], pivot) = 
J 

} 

Lf (i EY TA 
swWap(array, LI) WA LD 




















compareFn) { 
+ left) / 2)]; // {8} 


== Compare.LESS_THAN) { // {12} 


== Compare.BIGGER_THAN) { // {13} 
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} 
} 
return i; // {16} 
} 
在 本 实现 中 ， 我 们 选择 中 间 值 作为 主 元 ( 行 {8} )。 我 们 初始 化 两 个 指针 : left ( 低 一 一 行 
{9} )， 初 始 化 为 数组 第 一 个 元 素 ; right (高 一 一 行 {10} )， 初始 化 为 数组 最 后 一 个 元 素 。 


只 要 left 和 right 指针 没有 相互 交错 ( 行 {11} )， 就 执行 划分 操作 。 首 先 , 移动 left 指 
针 直 到 找到 一 个 比 主 元 大 的 元 素 ( 行 {12} )。 对 right 指针 ， 我 们 做 同样 的 事情 ,移动 right 
指针 直到 我 们 找到 一 个 比 主 元 小 的 元 素 ( 行 {13} )。 


当 左 指针 指向 的 元 素 比 主 元 大 且 右 指针 指向 的 元 素 比 主 元 小 , 并 且 此 时 左 指针 索引 没有 右 指 
针 索 引 大 时 〈 行 114)} ), 意思 是 左 项 比 右 项 大 ( 值 比较 ), 我 们 交换 它们 ( 行 {15} ), 然后 移动 两 
个 指针 ， 并 重复 此 过 程 ( 从 行 {11} 再 次 开始 )。 


在 划分 操作 结束 后 ， 返 回 左 指针 的 索引 ， 用 来 在 行 {3} 处 创建 子 数组 。 
2. 快速 排序 实战 
让 我 们 来 一 步 步 地 看 一 个 快速 排序 的 实际 例子 。 















































































































































加 | 加 | 国 | 网 | 茹 | 节 | 图 
主 元 为 6 
二 图 | 本 | ”四 | 四 二 设 和 左 指针 IeGD) 和 右 指针 riehtg) 
jj] 国 [ jj ] 3 移动 左 指针 
从 从 
J J 56, wt 
分 含 
jj 国 [jjL] 1<6， 移 到 在 指针 
从 含 
加 器 品 国 四 加 加 5 
从 合 交换 6 和 2 
回回 加 加 四 回国 全 希 和 和 
合 合 
3||s|1 2 || 4 || 7 | 6 7>6， 停止 左 指针 
vg = 7>6， 移动 右 指针 
4<6， 停 目 
大 天 | [a 到 口 left>right, 停止 并 重新 开始 (从 位 置 0 到 位 置 left-1) 
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给 定数 组 [3，5， 


] 7 G4 4, 7， 





2] ， 前 面 的 示意 图 展示 了 划分 操作 的 第 一 次 执行 。 
下 面 的 示意 图 展示 了 对 有 较 小 值 的 子 数组 执行 的 划分 操作 ( 注意 7 和 6 不 包含 在 子 数组 之 内 )。 





了 | 加 | “| 加 | 罗 | 喇 | 可 














加 -DLL 


人 人 











jt 
售 会 


主 元 为 1 
设置 左 指针 left(i) 和 右 指 针 right(j) 


3>1, 停止 
4>1， 移 动 右 指针 





2>1， 移 动 右 指针 


1==1, 停止 
交换 3 和 1 
移动 两 个 指针 


5>1， 移 动 右 指针 


1 一 1， 售 


left>right， 停 止 并 重新 开始 
(从 left 和 到 位 置 4) 





接着 , 我 们 继续 创建 子 数 组 , 如 下 图 所 示 , 但 是 这 次 操作 是 针对 上 图 中 有 和 较 大 值 的 子 数组 ( 有 








1 的 那个 较 小 子 数组 不 用 再 划分 了 ， 因 为 它 仅 含有 一 个 值 )。 











?| 加 


会 


[le 
他 








El * | 


从 
本 | | 本 
会 会 


区 
含 
局 区 | 





D 加 局 


[| 








加 | * | 加 
会 ”会 





[a| 





主 元 为 3 
设置 左 指针 left(i) 和 右 指针 rightj) 


5>3， 停 止 
4>3， 移 动 右 指针 


2<3， 停止 
交换 5 和 2 
移动 两 个 指针 


3 一 3， 停止 左 指针 

3 一 3， 停 止 右 指针 
交换 3 和 3 
移动 两 个 指针 
left>right， 停 止 并 重新 
(位 置 从 right 到 jleft-1) 


开始 














13.1 排序 算法 


251 





对 子 数组 [2，3，5，4] 中 的 较 小 子 数组 [2，3] 继 续 进行 划分 (算法 代码 中 的 行 {5} )。 








2==2，, 停止 


2==2, 停止 
交换 2 和 2 
移动 两 个 指针 


主 元 为 2 
设置 指针 lefti) 和 rightO) 


3>2， 移 动 右 指针 

















left>right， 停 止 并 重新 开始 


(从 位 置 3 到 位 置 4) 











然后 子 数组 [2，3，5，4] 中 的 较 大 子 数组 [5， 


意图 如 下 。 








jj sx 


元 为 5 
设置 左 指针 left(i) 和 右 指 针 right0j) 


5==5， 停 止 
一 一 一 一 4<5, 停止 

交换 3 和 4 

移动 两 个 指针 





7 主 元 为 7 
[| 设置 左 指针 left(i) 和 右 指针 right(j) 


合 从 交换 7 和 6 1 
[La left>right， 停 止 并 习 


指针 





停止 ， 数 组 已 排序 
合 会 


新 开始 








最 终 ， 较 大 子 数组 [6，71] 也 会 进行 划分 操作 ， 快 速 排序 算法 的 操作 执行 完成 。 


13.1.6 ”计数 排序 

















计数 排序 是 我 们 在 本 书 中 学 习 的 第 一 个 分 布 式 排序 。 分布 式 排序 使 用 已 组 织 好 的 加 

















助 数据 


4] 也 继续 进行 划分 (算法 中 的 行 {7} )， 示 


结 
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构 〈 称 为 桶 )， 然 后 进行 合并 ， 得 到 排 好 序 的 数组 。 计 数 排序 使 用 一 个 用 来 存储 每 个 元 素 在 原始 
数组 中 出 现 次 数 的 临时 数组 。 在 所 有 元 素 都 计数 完成 后 ,临时 数组 已 排 好 序 并 可 迭代 以 构建 排序 
后 的 结果 数组 。 


它 是 用 来 排序 整数 的 优秀 算法 〈 它 是 一 个 整数 排序 算法 )， 时间 复杂 度 为 O(n+ 有 )， 其 中 是 
临时 计数 数组 的 大 小 ; 但 是 ， 它 确实 需要 更 多 的 内 存 来 存放 临时 数组 。 


下 面 的 代码 表示 计数 排序 算法 。 


function countingSort (array) { 
Lf (arrayw :Length 2 2) 二 A {hy 
return array; 
} 


const maxValue = findMaxValue (array); // {2} 














Const counts = new Array (maxValue + 1); // {3} 
array.forEach(element => { 
if (!counts[element]) { // {4} 
counts[lelement] = 0; 
. 
counts[element]++; // {5} 


站 


let sortedIindex = 0; 
counts.forEach((count, i) => { 
while (count > 0) { // {6} 
array [sortedIndex++] = i; // {7} 
count--; // {8} 
} 
让 
return array; 


} 
如 果 待 排序 的 数组 为 空 或 具有 一 个 元 素 ( 行 {1} )， 则 不 需要 运行 排序 算法 。 


对 于 计数 排序 算法 ， 我 们 需要 创建 计数 数组 ， 从 索引 0 开始 直到 最 大 值 索 引 value + 1 ( 行 
{3} )。 因 此 ， 我 们 还 需要 找到 数组 中 的 最 大 值 ( 行 {2} )。 要 找到 数组 中 的 最 大 值 ， 我 们 只 需要 
迭代 并 找到 值 最 大 的 一 项 即 可 。 
function findMaxValue (array) { 
let max = array[0]; 


for (let i = 1; i < array.length; i++) { 
if (array[i] > max) { 














max = array[il]; 
} 
} 
return max; 


} 


然后 , 我 们 迭代 数组 中 的 每 个 位 置 并 在 counts 数组 中 增加 元 素 计数 值 ( 行 {5} ), 为 了 确保 
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递增 操作 成 功 , 如 果 counts 数组 中 用 来 计数 某 个 元 素 的 位 置 一 开始 没有 用 0 初始 化 的 话 , 我 们 
将 其 赋值 为 0 ( 行 {4} )。 








在 这 个 算法 中 , 我们 不 使 用 for 循环 来 迭代 数组 。 这 是 用 来 展示 除了 用 经 典 的 for 
循环 来 迭代 数组 之 外 ， 我 们 还 有 其 他 的 选择 ， 例 如 使 用 第 3 章 学 习 的 forEach 
方法 。 
所 有 元 素 都 计数 后 , 我 们 要 迭代 counts 数组 并 构建 排序 后 的 结果 数组 。 由 于 可 能 有 多 个 元 
素 有 相同 的 值 ， 我 们 要 将 元 素 按照 在 原始 数组 中 的 出 现 次 数 进行 相 加 。 我 们 要 减少 计数 值 ( 行 
{8} ) 直到 它 的 值 为 零 ( 行 {6} )， 将 值 (i ) 加 入 结果 数组 。 因 此 ， 还 需要 一 个 辅助 索引 
( sortedIngdex ) 帮助 我 们 将 值 赋值 到 结果 数组 中 的 正确 位 置 。 


我 们 来 看 看 计数 排序 的 实际 操作 来 更 好 地 理解 上 面 的 代码 。 























maxValue =$ 





0 1 2 3 4 5 


a TT Ts TTs) 











13.1.7” 桶 排序 


桶 排序 ( 也 被 称 为 箱 排序 ) 也 是 分 布 式 排序 算法 ， 它 将 元 素 分 为 不 同 的 桶 ( 较 小 的 数组 )， 
使 用 一 个 简单 的 排序 算法 ， 例 如 插入 排序 ( 用 来 排序 小 数组 的 不 错 的 算法 )， 来 对 每 个 桶 进行 
排序 。 然 后 ， 它 将 所 有 的 桶 合并 为 结果 数组 。 

下 面 的 代码 展示 了 桶 排序 算法 。 
function bucketSort(array, bucketSize = 5) { // {1} 


if (array.length < 2) { 
return array; 


} 
const buckets = createBuckets(array, bucketSize); // {2} EE 
return sortBuckets (buckets); // {3} 

} 


对 于 桶 排序 算法 ,我 们 需要 指定 需要 多 少 桶 来 排序 各 个 元 素 ( 行 {1} )。 默认 情况 下 ， 我 们 
会 使 用 5 个 桶 。 桶 排序 在 所 有 元 素平 分 到 各 个 桶 中 时 的 表现 最 好 。 如 果 元 素 非常 稀 踊 ， 则 使 用 更 
多 的 桶 会 更 好 。 如 果 元 素 非常 密集 ， 则 使 用 较 少 的 桶 会 更 好 。 因 此 ， 我 们 允许 bucket size 以 
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参数 形式 传递 。 


我 们 将 算法 分 为 两 个 部 分 : 第 一 个 用 于 创建 桶 并 将 元 素 分 布 到 不 同 的 桶 中 ( 行 {2} )， 第 二 
个 包含 对 每 个 桶 执行 插入 排序 算法 和 将 所 有 桶 合并 为 排序 后 的 结果 数组 ( 行 {33 )。 


我 们 来 看 看 用 于 创建 桶 的 代码 。 


function createBuckets(array, bucketSize) { 
let minValue = array[0]; 
Jet maxValue = array[0]; 
for (let i = 1; i < array.length; i++) { // {4} 
i] 




















if (arrayl[ < minVvalue) { 
minValue array [i]; 
} else if (array[i] > maxValue) { 
maxValue = arrayl[il]; 
} 
} 
const bucketCount = Math.floor( (maxValue - minValue) / bucketSize) + 1; // {5} 
const buckets = []; 
for (let i = 0; i < bucketCount; i++) { // {6} 
buckets[i] = []; 
} 
for (let i = 0; i < array.length; i++) { // {7} 
const bucketIndex = Math.floor((array[i] - minValue) / bucketSize); // {8} 
buckets[bucketIindex] .push(array[i]); 
} 
return buckets; 


} 


桶 排序 的 第 一 个 重要 步骤 时 计算 每 个 桶 中 需要 分 布 的 元 素 个 数 ( 行 {5} )。 要 计算 这 个 数 ， 
我 们 要 使 用 一 个 公式 ,包含 计算 数组 最 大 值 和 最 小 值 的 差 值 并 与 桶 的 大 小 进行 除法 计算 。 这 时 ， 
我 们 还 需要 迭代 原 数组 并 找到 最 大 值 和 最 小 值 ( 行 14} )。 我 们 可 以 使 用 计数 排序 中 创建 的 
findMaxValue 困 数 并 另外 创建 一 个 fingMinvalue 哺 数 ， 但 这 意味 着 迭代 两 次 相同 的 数组 。 
因此 ， 要 优化 搜索 过 程 ， 我 们 可 以 只 迭代 数组 一 次 就 找到 两 个 值 。 


在 计算 了 bucketcount 后 ,我 们 需要 初始 化 每 个 桶 ( 行 {6} )。puckets 数据 结构 是 一 个 
和 矩阵 (多维 数组 )。buckets 中 的 每 个 位 置 包含 了 男 一 个 数组 。 


最 后 一 步 是 将 元 素 分 布 到 桶 中 。 我 们 需要 迭代 数组 中 的 每 个 元 素 〈 行 17} )， 计 算 要 将 元 素 
放 到 哪个 桶 中 ( 行 {8} )， 并 将 元 素 搬入 正确 的 桶 中 。 这 个 步骤 完成 了 算法 的 第 一 个 部 分 。 


我 们 来 看 看 桶 排序 算法 的 下 一 个 部 分 ， 也 就 是 将 每 个 桶 进行 排序 。 


function SortBuckets (buckets) { 





















































const sortedArray = []; // {9} 
for (let i = 0; i < buckets.length; i++) { // {10} 
if (buckets[i] != null) { 
insertionSort (buckets[i]); // {11} 


sortedArray .push(...buckets[i]); // {12} 
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lj 
} 
return sortedArray; 


} 


我 们 要 创建 一 个 用 作 结 果 数 组 的 新 数组 ( 行 {9} )， 这 表示 原 数 组 不 会 被 修改 ， 我 们 会 返回 
一 个 新 的 数组 。 接 下 来 ， 壕 代 每 个 可 迭代 的 桶 并 应 用 插入 排序 ( 行 111) ) 一 一 根据 场景 ， 我们 
还 可 以 应 用 其 他 的 排序 算法 , 例如 快速 排序 。 最 后 ,我们 将 排 好 序 的 桶 中 的 所 有 元 素 加 入 结果 数 
组 中 ( 行 {12} )。 


注意 到 在 行 {12} 中 ,我 们 使 用 了 在 第 2 章 学 到 的 ES2015 中 的 解构 运算 符 。 经典 的 做 法 是 迭 
代 buckets[i] 中 的 每 个 元 素 (buckets [il [j] ) 并 将 每 个 元 素 加 入 排序 后 的 数组 。 
下 图 展现 了 桶 排序 算法 的 过 程 。 


原 % 组 [5 | 4 [| 2[s[ :7 [ls |s | vaio 


3 2 5 4 7 9 证 bucketSize = 3 
] 6 8 bucketCount = 4 
0 1 2 3 









































插入 排序 




















13.1.8 ”基数 排序 


基数 排序 也 是 一 个 分 布 式 排序 算法 , 它 根 据 数字 的 有 效 位 或 基数 ( 这 也 是 它 为 什么 叫 基数 排 
序 ) 将 整数 分 布 到 桶 中 。 基 数 是 基于 数组 中 值 的 记 数 制 的 。 


比如 ， 对 于 十 进 制 数 ， 使 用 的 基数 是 10。 因 此 ， 算 法 将 会 使 用 10 个 桶 用 来 分 布 元 素 并 且 首 






























































先 基于 个 位 数字 进行 排序 ， 然 后 基于 十 位 数字 ， 然 后 基于 百 位 数字 ， 以 此 类 推 。 [ 
下 面 的 代码 展示 了 基数 排序 算法 。 
function radixSort (array, radixBase = 10) { 


if (array.length < 2) { 
return array; 


} 
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const minValue = findMinValue (array); 
const maxValue = findMaxValue (array); 


let significantDigit = 1; // {1} 

while ((maxValue - minValue) / significantDigit >= 1) { // {2} 
array = countingSortForRadix(array, radixBase, significantDigit, minValue); // {3} 
significantDigit *= radixBase; // {4} 

} 

return array; 


} 


既然 基数 排序 也 用 来 排序 整数 ， 我 们 就 从 最 后 一 位 开始 排序 所 有 的 数 ( 行 {1} )。 这 个 算法 
也 可 以 被 修改 成 支持 排序 字母 字符 。 我 们 首先 只 会 基于 最 后 一 位 有 效 位 对 数字 进行 排序 , 在 下 次 
迭代 时 ,我 们 会 基于 第 二 个 有 效 位 进行 排序 ( 十 位 数字 )， 然 后 是 第 三 个 有 效 位 〈 百 位 数字 )， 以 
此 类 推 ( 行 {4} )。 我 们 继续 这 个 过 程 直到 没有 待 排序 的 有 效 位 ( 行 {2} )， 这 也 是 为 什么 我 们 需 
要 知道 数组 中 的 最 小 值 和 最 大 值 。 


如 果 数 组 中 包含 的 值 都 在 1 ~9,， 行 {2} 的 循环 只 会 执行 一 次 。 如 果 值 都 小 于 99， 则 循环 会 
执行 第 二 次 ， 以 此 类 推 。 


我 们 来 看 看 用 来 基于 有 效 位 ( 基数 ) 排序 的 代码 。 


function countingSortForRadix(array, radixBase, significantDigit, minValue) { 
let bucketsIindex; 
const buckets = []; 
const aux = []; 
for (let i = 0; i < radixBase; i++) { // {5} 
buckets[i] = 0; 


















































for (let i = 0; i < array.length; i++) { // {6} 

bucketsIndex = Math.floor(((array[i] - minValue) / significantDigit) 多 
radixBase); // {7} 
buckets[bucketsIndex]++; // {8} 











for (let i = 1; i < radixBase; i++) { // {9} 
buckets[i] += buckets[i - 1]; 
} 
for (let i = array.length - 1; i >= 0; i--) { // {10} 
bucketsIndex = Math.floor(((array[i] - minValue) / significantDigit) 多 
radixBase); // {11} 
aux[--buckets[bucketsIndex]] = array[il; // {12} 


} 

for (let i 
array[i] 

} 

return array; 


} 


首先 ， 我 们 基于 基数 初始 化 桶 ( 行 {5} )。 由 于 我 们 排序 的 是 十 进 制 数 ， 那 么 需要 10 个 桶 。 
然后 ,我们 会 基于 数组 中 ( 行 {6} ) 数 的 有 效 位 ( 行 {7} ) 进行 计数 排序 ( 行 {8} )。 由 于 我 们 进 


0; i < array.length; i++) { // {13} 
aux[i]; 
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行 的 是 计数 排序 ， 我 们 还 需要 计算 累积 结果 来 得 到 正确 的 计数 值 ( 行 {9} )。 


在 计数 完成 后 , 要 开始 将 值 移 回 原始 数组 中 。 我们 会 使 用 一 个 临时 数组 ( aux ) 来 帮助 我 们 。 
对 原始 数组 中 的 每 个 值 ( 行 {10} )， 我 们 会 再 次 获取 它 的 有 效 位 ( 行 {11} ) 并 将 它 的 值 移动 到 
aux 数组 中 ( 从 buckets 数组 中 减 去 它 的 计数 值 一 一 行 {12} )。 最 后 一 步 是 可 选 的 ( 行 {13} )， 
我 们 将 aux 数组 中 的 每 个 值 转移 到 原始 数组 中 。 除 了 返回 array 之 外 ,我 们 还 可 以 直接 返回 aux 
数组 而 不 需要 复制 它 的 值 。 


我 们 来 看 看 基数 排序 算法 是 如 何 工作 的 ， 如 下 图 所 示 。 



































未 排序 数组 第 一 次 排序 第 二 次 排序 第 三 次 排序 
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13.2 ”搜索 算法 


现在 ， 让 我 们 来 谈 谈 搜索 算法 。 回 顾 一 下 之 前 章节 所 实现 的 算法 ,我们 会 发 现 Binary- 
SearchTree 类 的 search 方法 (第 8 章 ) 以 及 LinkedList 类 的 indaexof 方法 (第 5 章 ) 等 ， 
都 是 搜索 算法 。 当 然 ， 它 们 每 一 个 都 是 根据 其 各 自 的 数据 结构 来 实现 的 。 所 以 , 我们 已 经 熟悉 两 13 
个 搜索 算法 了 ， 只 是 还 不 知道 它们 “正式 ”的 名 称 而 已 。 












































13.2.1 ”顺序 搜索 


顺序 或 线性 搜索 是 最 基本 的 搜索 算法 。 它 的 机 制 是 , 将 每 一 个 数据 结构 中 的 元 素 和 我 们 要 找 
的 元 素 做 比较 。 顺 序 搜索 是 最 低 效 的 一 种 搜索 算法 。 
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以 下 是 其 实现 。 
const DOES_NOT_EXIST = -1; 
function sequentialSearch(array, value, equalsFn = defaultEquals) { 
for (let i = 0; i < array.length; i++) { // {1} 
if (equalsFn(value, array[i])) { // {2} 
return i; // {3} 
} 
} 
return DOES_NOT_ EXIST; // {4} 
} 
顺序 搜索 迭代 整个 数组 ( 行 {1} )， 并 将 每 个 数组 元 素 和 搜索 项 做 比较 〈 行 12} )。 如 果 搜 索 
到 了 ， 算 法 将 用 返回 值 来 标示 搜索 成 功 。 返 回 值 可 以 是 该 搜索 项 本 身 ， 或 是 true， 又 或 是 搜索 
项 的 索引 ( 行 {3} )。 如 果 没 有 找到 该 项 ， 则 返回 -1 ( 行 14} )， 表 示 该 索引 不 存在 ; 也 可 以 考虑 
返回 false 或 者 null。 


假定 有 数组 [5，4，3，2，1] 和 待 搜 索 值 3， 下 图 展示 了 顺序 搜索 的 示意 图 。 


| En 


4 | 3 | 2 | 1 | 5===3? 否 ， 下 一 个 ! 




















5s | 4 |3|2 |1|4==3? 否 , 下 一 个 ! 




















| s | 4 3 | 2 | 1 | 3 一-3? 是 的 , 找到 了 ! 








13.2.2 ”二 分 搜索 


二 分 搜索 算法 的 原理 和 猜 数 字 游 戏 类 似 ， 就 是 那个 有 人 说 “我 正 想 着 一 个 1 ~ 100 的 数 ” 的 
游戏 。 我 们 每 回应 一 个 数 ， 那 个 人 就 会 说 这 个 数 是 高 了 、 低 了 还 是 对 了 。 

这 个 算法 要 求 被 搜索 的 数据 结构 已 排序 。 以 下 是 该 算法 遵循 的 步 又 。 

(1) 选择 数组 的 中 间 值 。 

(2) 如 果 选 中 值 是 待 搜索 值 ， 那 么 算法 执行 完毕 〈 值 找到 了 )。 

(3) 如 果 符 搜索 值 比 选中 值 要 小 ， 则 返回 步骤 1 并 在 选中 值 左边 的 子 数组 中 寻找 ( 较 小 )。 

(4) 如 果 竺 搜索 值 比 选中 值 要 大 ， 则 返回 步骤 1 并 在 选 种 值 右边 的 子 数组 中 寻找 〈 较 大 )。 

以 下 是 其 实现 。 

function pinarySearch(array, value, compareFn = defaultCompare) { 


const sortedArray = quickSort (array); // {1} 
let low = 0; // {2} 
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let high = sortedArray.lengthn - 1; // {3} 

while (lesserOrEquals (low, high, compareFn) { // {4} 
const mid = Math.floor((low + high) / 2); // {5} 
const element = sortedArray [mid]; // {6} 


if (compareFn(element, value) === Compare.LESS_THAN) { // {7} 
low = mid + 1; // {8} 

} else if (compareFn(element, value) === Compare.BIGGER_ THAN) { // {9} 
hts "mL "LO 

} else { 


return mid; // {11} 
} 
} 
return DOES_NOT_ EXIST; // {12} 
} 


开始 前 需要 先 将 数组 排序 ， 我 们 可 以 选择 任何 一 个 在 13.1 节 中 实现 的 排序 算法 。 这 里 我 们 选 
择 了 快速 排序 。 在 数组 排序 之 后 ， 我 们 设置 low ( 行 {2} ) 和 nign ( 行 {3} ) 指针 (它们 是 边界 )。 


当 low 比 high 小 时 ( 行 14} ) 我 们 计算 得 到 中 间 项 索引 并 取得 中 间 项 的 值 , 此 处 如 果 low 
比 nigh 大 ， 则 意味 着 该 待 搜索 值 不 存在 并 返回 -1〈 行 112} )。 接着， 我 们 比较 选中 项 的 值 和 搜 
索 值 ( 行 17} )。 如 果 小 了 ， 则 选择 数组 低 半 边 并 重新 开始 。 如 果 选 中 项 的 值 比 搜索 值 大 了 ， 则 
选择 数组 高 半边 并 重新 开始 。 若 两 者 都 是 不 是 ， 则 意味 着 选中 项 的 值 和 搜索 值 相等 ， 因 此 直接 返 
回 该 索引 ( 行 {11} )。 

上 面 代码 中 用 到 的 lesserorEquals 水 数 声明 如 下 。 

function lesserOrEquals(a, b, comparerFn) { 

const comp = compareFn(a, b); 


return comp === Compare.LESS_THAN || comp === Compare.EQUALS; 
} 


给 定 下 图 所 示 数 组 ， 让 我 们 试 试 搜索 2。 这 些 是 算法 将 会 执行 的 步骤 。 





























83817|16|s5|4|3|2| 1 | 寻找 数字 2 











[1 12 111415517 Ts] 步骤 1!: 将 数组 排序 











2 3 | 4|s 6 | 7 | 8 | 中 间 项 为 4 





1[: [ss[c17| 4 不 小 于 2， 停 止 low 

4>2， 太 高 
会 会 移动 high 到 mid 之 前 一 个 位 置 
1 








中 间 项 为 2 
3 141s151718 | 5 二 2 


2 不 天 于 2 
会 2 一 2， 找 到 了 1 
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13.2.3 ”内 插 搜 索 


二 分 搜索 完全 一 样 ， 只 不 





第 10 章 中 ,我 们 实现 的 0 类 有 一 个 search 方法 ， 和 这 个 


过 前 者 是 针对 树 数 据 结 构 的 。 





内 插 搜 索 是 改良 版 的 二 
据 要 搜索 的 值 检查 数组 中 的 不 同 地方 。 


分 搜索 。 二 分 搜索 总 





是 检查 miq 位 置 上 的 值 ， 而 内 搬 搜 索 可 能 会 根 








这 个 算法 要 求 被 搜索 的 数据 结构 已 排序 。 以 下 是 该 算法 遵循 的 步 又: 


( 使 用 position 公式 选中 一 个 值 ; 
待 搜索 值 ， 那 么 算法 执行 完毕 ( 值 找到 了 ); 


(2) 如 果 这 个 值 是 
(3) 如 果 待 搜索 值 比 选中 值 要 小 ， 
(4) 如 果 待 搜索 值 比 选中 值 要 大 ， 


以 下 是 其 实现 。 





function interpolationSearch (array， 


compareFn = defaultCompare, 
equalsFn = defaultEquals, 
diffFn defaultDiff 
} 
const { length } 
Jet low = 0; 
let high es length ~ 13 
let position = -1; 
let delta Sl 
while ( 
low <= high && 
biggerOrEquals (value, 
lesserOrEquals (value, 
) { 
delta = diffFn(value, 
position = low + Math. 
Li 


array; 


return position; 
} 
1 
low = position + 1; 
} else { 
high = position - 1; 
} 
} 
return DOES_NOT_EXIST; 
} 


首先 要 做 的 是 计算 要 比较 值 的 位 置 position ( 行 {2} )。 





则 返 
则 返 


array [low], 
array [high], 


array[low]) 


(equalsFn (array [position] 


(compareFn (array [position], 


回 步 又 1 并 在 选中 值 左边 的 子 数 组 
芭 回 步骤 1 并 在 选 种 值 右边 的 子 数组 


中 寻找 ( 较 小 ); 
中 寻找 ( 较 大 ) 














value, 
CompareFn) && 
comparerFn) 
/ diffrn(array[high], array[low]); // {1} 
floor((high - low) * delta); // {2} 
， value)) { // {3} 
value) === Compare.LESS_THAN) { // {4} 





公式 的 做 法 是 ， 如 果 查 找 的 值 更 接 


近 array [high] 则 查找 position 位 置 旁 更 大 的 值 ， 如 果 查 找 的 值 更 接近 array [low] 则 查找 
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position 位 置 旁 更 小 的 值 。 这 个 算法 在 数组 中 的 值 都 是 均匀 分 布 时 性 能 最 好 ( aelta 会 非常 小 ) 
( 行 {1} )。 








如 果 待 搜索 值 找 到 了 ， 则 返回 它 的 索引 值 ( 行 {3} )。 如 果 待 搜索 值 小 于 当前 位 置 的 值 ， 我 
们 使 用 左边 或 右边 的 子 数组 重复 这 段 逻 辑 ( 行 {4} )。 


lesserOrEquals 和 biggerOrEquals 函数 如 下 所 示 。 








function lesserOrEquals(a, b, compareFn) { 
const comp = compareFn(a, b); 


return comp === Compare.LESS_THAN || comp === Compare.EQUALS; 
} 


function biggerOrEquals(a, b, compareFn) { 
const comp = compareFn(a, b); 


return comp === Compare.BIGGER_THAN || comp === Compare.EQUALS; 
} 





下 图 展示 了 算法 的 过 程 一 一 数组 是 均匀 分 布 的 ( 数字 差 值 之 间 的 差别 非常 小 )。 
- | 10 | 搜索 数字 4 


位 置 4 











4---4， 找 到 了 ! 
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本 章 , 我 们 学 习 了 如 何 将 一 个 数组 进行 排序 以 及 怎样 在 排序 后 的 数组 中 搜索 元 素 。 不 过 还 有 
一 种 场景 是 需要 将 一 个 数组 中 的 值 进 行 随机 排列 。 现 实 中 的 一 个 常见 场景 是 洗 扑克 牌 。 























在 下 一 节 ， 我 们 会 学 习 随机 数组 的 一 种 最 有 名 的 算法 。 


Fisher-Yates 随机 cE 


这 个 算法 由 Fisher 和 Yates 创造 ， 并 由 高 德 纳 (Donald E. Knuth ) 在 《计算 机 程序 设计 艺术 》 
系列 图 书 " 中 推广 。 















































@ 中 英文 版 正在 由 人 民 邮 电 出 版 社 陆 续 出 版 ， 图 书 主页 为 ituring.cn/book/993 、ituring.cn/book/987、ituring.cn/book/ 
926 、ituring.cn/book/925 等 。 





262 第 13 章 排序 和 搜索 算法 








它 的 含义 是 迭代 数组 , 从 最 后 一 位 开始 并 将 当前 位 置 和 一 个 随机 位 置 进行 交换 。 这 个 随机 位 
置 比 当前 位 置 小 。 这样, 这 个 算法 可 以 保证 随机 过 的 位 置 不 会 再 被 随机 一 次 ( 洗 扑 克 牌 的 次 数 越 
多 ， 随 机 效果 越 差 )。 


下 面 的 代码 展示 了 Fisher-Yates 随机 算法 。 


function shuffle(array) { 
for (let i = array.length - 1; i > 0; i--) { 
const randomIndex = Math.floor(Math.random() * (i + 1)); 
swap (array, i, randomIndex); 


} 
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} 


下 图 展现 了 该 算法 的 操作 。 
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13.4 小结 
本 章 介绍 了 排序 、 搜 索 和 随机 算法 。 


我 们 学 习 了 冒 泡 、 选 择 、 插 入 、 归 并 、 快 速 、 计 数 、 桶 以 及 基数 排序 算法 ,它们 是 用 来 排序 
数据 结构 的 。 我 们 还 学 到 了 顺序 搜索 、 内 插 搜索 和 二 分 搜索 ( 需要 数据 结构 已 排序 )。 我 们 还 学 
习 了 怎样 随机 排列 一 个 数组 的 值 。 


下 一 章 ， 我 们 会 学 习 一 些 高 级 的 算法 技巧 。 




















算法 设计 与 技巧 








到 现在 为 止 , 我 们 愉快 地 学 习 了 各 种 数据 结构 的 实现 ,其 中 包括 常用 的 排序 和 搜索 算法 。 在 
编程 的 世界 中 , 算法 很 有 意思 。 算法 ( 以 及 编程 逻辑 ) 最 美的 地 方 在 于 有 不 同 的 方法 可 以 解决 问 
题 。 我 们 在 前 几 章 学 习 了 ,可 以 用 迭代 的 方式 解决 问题 ， 也 可 以 使 用 递归 使 代码 可 读 性 更 高 。 还 
有 男 外 一 些 技巧 可 以 用 来 借 算法 解决 问题 。 本 章 , 我 们 会 学 习 不 同 的 技巧 , 你 会 进一步 了 解 这 个 
世界 ， 并 且 我 们 将 探讨 进一步 深入 其 中 的 途径 ( 如 果 你 感 兴趣 的 话 )。 


本 章 我 们 会 学 习 : 


口 分 而 治之 算法 
口 动态 规划 
口 贪心 算法 
口 回 渊 算法 
口 著名 算法 问题 












































14.1 分 而 治之 

在 第 13 章 ， 我 们 学 习 了 归并 和 排序 算法 。 两 者 的 共同 点 在 于 它们 都 是 分 而 治之 算法 。 分 而 
治之 是 算法 设计 中 的 一 种 方法 , 它 将 一 个 问题 分 成 多 个 和 原 问 题 相似 的 小 问题 ,递归 解决 小 问题 ， 
再 将 解决 方式 合并 以 解决 原来 的 问题 。 

分 而 治之 算法 可 以 分 成 三 个 部 分 。 

(1) 分 解 原 问题 为 多 个 子 问题 ( 原 问 题 的 多 个 小 实例 )。 

(2) 解决 子 问题 , 用 返回 解决 子 问题 的 方式 的 递归 算法 。 递归 算法 的 基本 情形 可 以 用 来 解决 子 

















问题 
(3) 组 合 这 些 子 问题 的 解决 方式 ， 得 到 原 问 题 的 解 。 4 


我 们 在 第 13 章 已 经 学 习 了 两 种 最 著名 的 分 而 治之 算法 ， 接 下 来 将 要 学 习 怎 样 将 二 分 搜索 用 
分 而 治之 的 方式 实现 。 








264 第 14 章 算法 设计 与 技巧 





二 分 搜索 


在 第 13 章 中 ， 我 们 学 习 了 怎样 用 迭代 的 方式 实现 二 分 搜索 。 如 果 我 们 回头 看 看 ， 同 样 可 以 
用 分 而 治之 的 方式 实现 这 个 算法 ,逻辑 如 下 。 


口 分 解 : 计算 mia 并 搜索 数组 较 小 或 较 大 的 一 半 。 
口 解决 : 在 较 小 或 较 大 的 一 半 中 搜索 值 。 
口 合并 : 这 步 不 需要 ， 因 为 我 们 直接 返回 了 索引 值 。 


分 而 治之 版 本 的 二 分 搜索 算法 如 下 。 


function pbinarySearchRecursivel( 

array, value, low, high, compareFn = defaultCompare 
Et 

if (low <= high) { 














const mid = Math.floor((low + high) / 2); 
const element = array [mid]; 
if (compareFn(element, value) === Compare.LESS_THAN) { // {1} 
return binarySearchRecursive(array, value, mid + 1, high, comparerFn); 
} else if (compareFn(element, value) === Compare.BIGGER_THAN) { // {2} 
return binarySearchRecursive(array, value, low, mid - 1, compareFn); 
} else { 
return mid; // {3} 


} 
} 
return DOES_NOT_EXIST; // {4} 
} 


export function binarySearch(array, value, compareFn = defaultCompare) { 
const sortedArray = quickSort (array); 
GONnst .LOW S03 
const high = sortedArray.length - 1; 


return binarySearchRecursive(array, value, low, high, comparerFn); 


} 

在 上 面 的 算法 中 ， 我 们 有 两 个 函数 : binarySearch 和 binarySearchRecursive。 
binarySearch 函数 用 来 暴露 给 开发 者 进行 二 分 搜索 。binarySsearchRecursive 是 分 而 治之 
算法 。 我 们 将 low 参数 以 0 传递 ， 将 high 参数 以 sorteqArray.length - 1 传递 ,来 在 已 
排序 的 数组 中 进行 搜索 。 在 计算 mia 元 素 的 索引 值 后 ， 我 们 确定 待 搜索 的 值 比 mia 大 还 是 小 。 
如 果 小 ( 行 {1} ) 或 大 ( 行 12} )， 就 再 次 调用 binarySearchRecursive 了 国 数 ， 但 是 这 次 ,我 
们 在 子 数组 中 进行 搜索 , 改变 1ow 或 high 参数 (不 同 于 我 们 在 第 13 章 中 那样 移动 指针 )。 如 果 
不 大 也 不 小 ， 表 示 我 们 找到 了 这 个 值 ( 行 {3} ) 并 且 这 就 是 一 种 基本 情形 。 还 有 一 种 情况 是 1ow 
比 high 要 大 ， 这 表示 算法 没有 找到 这 个 值 ( 行 {4} )。 


下 图 展示 了 算法 的 过 程 。 
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14.2 ”动态 规划 


动态 规划 (dynamic programming，DP ) 是 一 种 将 复杂 问题 分 解 成 更 小 的 子 问题 来 解决 的 优 
化 技术 。 








注意 ,动态 规划 和 分 而 治之 是 不 同 的 方法 。 分 而 治之 方法 是 把 问题 分 解 成 相互 独 
(起 立 的 子 问 题 ， 然 后 组 合 它们 的 答案 , 而 动态 规划 则 是 将 问题 分 解 成 相互 依赖 的 子 


问题 。 





动态 规划 的 一 个 例子 是 第 9 章 解决 的 斐 波 那 契 问题 。 我 们 将 斐 波 那 契 问题 分 解 成 了 一 些小 


问题 。 
用 动态 规划 解决 问题 时 ， 要 遵循 三 个 重要 步骤 : 


(1) 定义 子 问题 ; 
(2) 实现 要 反复 执行 来 解决 子 问题 的 部 分 (这 一 步 要 参考 前 一 节 讨 论 的 递归 的 步骤 ) 
(3) 识别 并 求解 出 基线 条 件 。 


能 用 动态 规划 解决 的 一 些 著名 问题 如 下 。 


口 背包 问题 : 给 出 一 组 项 ， 各 自 有 值 和 容量 ， 目 标 是 找 出 总 值 最 大 的 项 的 集合 。 这 个 问题 
的 限制 是 ， 总 容量 必须 小 于 等 于 “背包 ”的 容量 。 

口 最 长 公共 子 序列 : 找 出 一 组 序列 的 最 长 公共 子 序列 〈 可 由 另 一 序列 删除 元 素 但 不 改变 余 
下 元 素 的 顺序 而 得 到 )。 

口 矩阵 链 相 乘 : 给 出 一 系列 和 矩阵， 目标 是 找到 这 些 和 矩阵 相 乘 的 最 高 效 办 法 〈 计算 次 数 尽 可 
能 少 )。 相 乘 运算 不 会 进行 ， 解 决 方案 是 找到 这 些 矩 阵 各 自 相 乘 的 顺序 。 

口 硬币 找 零 : 给 出 面额 为 41, …, 几 的 一 定数 量 的 硬币 和 要 找 零 的 钱 数 ， 找 出 有 多 少 种 找 零 
的 方法 。 

口 图 的 全 源 最 短路 径 : 对 所 有 顶点 对 (u,v)， 找 出 从 顶点 到 顶点 v 的 最 短路 径 。 我 们 在 第 9 
章 已 经 学 习 过 这 个 问题 的 Floyd-Warshall 算法 。 
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在 接 下 来 的 几 节 里 ， 我 们 会 一 一 讲解 这 些 问 题 。 
在 Google、Amazon、Microsoft、Oracle 等 大 公司 的 编程 面试 中 ， 这 些 问 题 及 其 
解决 方案 非常 常见 。 
14.2.1 最 少 硬币 找 零 问题 


最 少 硬币 找 零 问 题 是 硬币 找 零 问题 的 一 个 变种 。 硬币 找 零 问 题 是 给 出 要 找 零 的 钱 数 ,以 及 可 
用 的 硬币 面额 41,…, 4 及 其 数量 , 找 出 有 多 少 种 找 零 方 法 。 最 少 硬 币 找 零 问题 是 给 出 要 找 零 的 钱 
数 ， 以 及 可 用 的 硬币 面额 41,…, 4d 及 其 数量 ， 找 到 所 需 的 最 少 的 硬币 个 数 。 


例如 ， 美 国有 以 下 面额 (硬币 ): 4d1=1, d=5, d;=10, dy=25。 
如 果 要 找 36 美 分 的 零钱 ， 我 们 可 以 用 1 个 25 美 分 、1 个 10 美 分 和 1 个 便士 (1 美 分 )。 
如 何 将 这 个 解答 转化 成 算法 ? 


最 少 人 硬币 找 零 的 解决 方案 是 找到 所 需 的 最 小 硬币 数 。 但 要 做 到 这 一 点 ,首先 得 找到 对 每 个 
x <n 的 解 。 然 后 ,我 们 可 以 基于 更 小 的 值 的 解 来 求解 。 























下 面 来 看 看 算法 。 
function minCoinChange (coins, amount) { 
const cache = []; // {1} 
const makeChange = (value) => { // {2} 
if (!value) { // {3} 
return []; 


} 
if (cache[value]) { // {4} 
return cachel[lvalue]; 
let min = []; 
let newMin; 
let newAmount; 
for (let i = 0; i < coins.length; i++) { // {5} 
const coin = coins[il]; 
newAmount = value - coin; // {6} 
if (newAmount >= 0) { 
newMin = makeChange (newAmount); // {7} 


} 


i 
newAmount >= 0 && // {8} 
(newMin.length < min.length - 1 || !imin.length) && // {9} 
(newMin.length || !newAmount) // {10} 
jr 
min = [coin] .concat (newMin); // {11} 


console.log('new Min ' + min + ' for ' + amount); 
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} 

return (cache[value]l = min); // {12} 
7 
return makeChange (amount); // {13} 


. 
minCoinChange 参数 接收 coins 参数 ( 行 {1} ),， 该 参数 代表 问题 中 的 面额 。 对 美国 的 硬 


币 系统 而 言 ， 它 是 [1，5，10，25] 。 我 们 可 以 随心 所 欲 地 传递 任何 面额 。 此 外 ， 为 了 更 加 高 效 
且 不 重复 计算 值 ， 我 们 使 用 了 cache ( 行 {1} 一 一 这 个 技巧 称 为 记忆 化 )。 


接 下 来 是 mincoinchange 函数 中 的 makechange 方法 ( 行 {2} )， 它 也 是 一 个 递归 因数 ， 
用 来 解决 问题 。makechange 陈 数 在 行 {13} 被 调用 ，amount 作为 参数 传人 。 由 于 makechange 
是 一 个 内 部 函数 ， 它 也 能 访问 到 cache 变量 。 


现在 我 们 来 看 算法 的 主要 逻辑 。 首 先 ， 若 amount 不 为 正 ( < 0 )， 就 返回 空 数组 ( 行 {3} ); 
方法 执行 结束 后 , 会 返回 一 个 数组 ,包含 用 来 找 零 的 各 个 面额 的 硬币 数量 ( 最 少 硬币 数 )。 接着， 
含 查 cache 缓存 。 若 结果 已 缓存 ( 行 {4} )， 则 直接 返回 结果 ; 否则 ， 执 行 算法 。 


为 了 进一步 帮助 我 们 , 我 们 基于 coins 参数 ( 面额 ) 解 决 问题 。 因此 , 对 每 个 面额 ( 行 {5} )， 
我 们 都 计算 newAamount( 行 {6} ) 的 值 , 它 的 值 会 一 直 减 小 ， 直 到 能 找 零 的 最 小 钱 数 ( 别 忘 了 本 
算法 对 所 有 的 x < amount 都 会 计算 makechange 结果 )。 若 newAmount 是 合理 的 值 ( 正 值 )， 
我 们 也 会 计算 它 的 找 零 结果 ( 行 {7} )。 


最 后 ， 我 们 判断 newamount 是 否 有 效 ，minvalue (最 少 硬币 数 ) 是 否 是 最 优 解 ， 与 此 同 
时 minvalue 和 newAmount 是 否 是 合理 的 值 ( 行 {10} )。 若 以 上 判断 都 成 立 ， 意 味 着 有 一 个 比 
之 前 更 优 的 答案 ( 行 {11} 一 一 以 5 美 分 为 例 ， 可 以 给 5 便士 或 者 1 个 5 美 分 镍 币 ，1 个 $ 美 分 镍 
币 是 最 优 解 )。 最 后 ， 返 回 最 终结 果 ( 行 {12} )。 


测试 一 下 这 个 算法 。 

console.log(minCoinChange([1, 5, 10, 25], 36)); 

要 知道 ， 如 果 我 们 检查 cache 变量 ,会 发 现 它 存储 了 从 1 到 36 美 分 的 所 有 结果 。 以 上 代码 
的 结果 是 [1，10，25]。 

本 书 的 源 代 码 中 会 有 几 行 多 余 的 代码 ， 输 出 算法 的 步骤 。 例 如， 使 用 面额 LL，3，4] ， 并 对 
钱 数 6 执行 算法 ， 会 产生 以 下 输出 : 


new Min 1 

new Min 1,1 for 2 

new Min 1,1,1 for 3 

new Min 3 for 3 
于 
4 
于 





































































































for 1 


new Min 1,3 for 4 
new Min for 4 
new Min 1,4 for 5 
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new Min 1,1,4 for 6 
new Min 3,3 for 6 
[3, 3] 


所 以 ， 找 零钱 数 为 6 时 ， 最 佳 答案 是 两 枚 价值 为 3 的 硬币 。 


14.2.2 ”背包 问题 


背包 问题 是 一 个 组 合 优化 问题 。 它 可 以 描述 如 下 : 给 定 一 个 固定 大 小 、 能 够 携 重量 到 的 背 
包 , 以 及 一 组 有 价值 和 重量 的 物品 ， 找 出 一 个 最 佳 解决 方案 , 使 得 装 入 背包 的 物品 总 重量 不 超过 
刺 ， 且 总 价值 最 大 。 


下 面 是 一 个 例子 。 





























1 
3 
考虑 背包 能 够 携带 的 重量 只 有 S。 对 于 这 个 例子 ,我 们 可 以 说 最 佳 解决 方案 是 往 背包 里 装 入 
物品 1 和 物品 2。 这 样 ， 总 重量 为 5， 总 价值 为 7。 














这 个 问题 有 两 个 版 本 。0-1 版 本 只 能 往 背 包 里 装 完 整 的 物品 ， 而 分 数 背 包 问 题 则 
允许 装 入 分 数 物品 。 在 这 个 例子 里 ， 我 们 将 处 理 该 问题 的 0-1 版本, 动态 规划 对 
分 数 版 本 无 能 为 力 ， 但 本 章 稍 后 要 学 习 的 贪心 算法 可 以 解决 它 。 


我 们 来 看 看 下 面 这 个 背包 算法 。 


function knapSack (capacity, weights, values, n) { 
CoOnst: KS ss: [| 
0; <= ny T+t#)y {7 {1} 


fOr "(ete 
for (let w 0; w <= capacity; w++) { 
Rf" (a0 TD 三 的 YY 2 
ESI]LWY =: 03 
else if (weights[i - 1] <= wj { // {3} 


站 条 3 二 朱 主 因 生 


-一 


const a values[i - 1] + kS[i - 1][w - weights[i - 1]]; 
const b KS .= TILW] 

kS[i][w] =a>b?a: b; // {4} max(a,b) 

else { 

kS[i][w] = kS[i - 1][w]; // {5} 
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后 ， 


findValues (n, capacity, kS, weights，,， values); // {6}) 增加 的 代码 
return ksS[n] [capacity]; // {7} 
} 


我 们 来 看 看 这 个 算法 是 如 何 工作 的 。 


首先 ， 初始 化 将 用 于 寻找 解决 方案 的 矩阵 ( 行 {1} )。 和 矩阵 为 ks [n+1] [capacity+1]。 然 
忽略 矩阵 的 第 一 列 和 第 一 行 ， 只 处 理 索引 不 为 0 的 列 和 行 ( 行 {2} ) 并 且 要 迭代 数组 中 每 个 

















可 用 的 项 。 物 品 i 的 重量 必须 小 于 约束 ( capacity 一 一 行 {3} ) 才 有 可 能 成 为 解决 方案 的 一 部 


分 ; 


略 它 ， 








否则 ， 总 重量 就 会 超出 背包 能 够 携带 的 重量 , 这 是 不 可 能 发 生 的 。 发 生 这 种 情况 时 ， 只 要 和 忽 
用 之 前 的 值 就 可 以 了 ( 行 {5} )。 当 找到 可 以 构成 解决 方案 的 物品 时 ， 选 择 价值 最 大 的 那 





个 ( 行 f{4} )。 最 后 ,问题 的 解决 方案 就 在 这 个 二 维 表格 右 下 角 的 最 后 一 个 格子 里 ( 行 {7} )。 


我 们 可 以 用 开头 的 例子 来 测试 这 个 算法 。 


const values = [3,4,5], 

weights = [2,3,4]， 

capacity = 5， 

n = values.length; 

console.log(knapSack (capacity, weights, values, n)); // 输出 7 


下 图 举例 说 明了 例子 中 ks 矩阵 的 构造 。 
































请 注意 , 这 个 算法 只 输出 背包 携带 物品 价值 的 最 大 值 ， 而 不 列 出 实际 的 物品 。 我们 可 以 增加 


下 面 的 附加 函数 来 找 出 构成 解决 方案 的 物品 。 


function findValues(n, capacity, KkS, weights, values) { 
let i = n; 
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let k = capacity; 
console.1og(' 构 成 解 的 物品 : '); 
while (i >0 && k >0) { 
if (koiT [kl se Ro[E = "11 [KI A{ 
console.1log(` 物 品 $S{i} 可 以 是 解 的 一 部 分 Ww,v: S{weights[i -1]}, ${values[i - 1] 入)， 
JP 
KS=: KSLTEL[K]:; 
} else { 
Ly 
} 
} 
} 


我 们 可 以 在 knapsack 函数 的 行 {7} 之 前 调用 这 个 函数 (在 行 {6} 声 明 )。 执行 完 整 的 算法 ， 
会 得 到 如 下 输出 。 

构成 解 的 物品 : 

物品 2 可 以 是 解 的 一 部 分 wV: 3,4 


物品 1 可 以 是 解 的 一 部 分 W,V: 2,3 
总 价值 : 7 





0 背包 问题 也 可 以 写成 递归 形式 。 你 可 以 在 本 书 的 源 代码 包 中 找到 它 的 递归 版 本 。 


14.2.3 ”最 长 公共 子 序列 


另 一 个 经 人 题 的 动态 规划 问题 是 最 长 公共 子 序列 〈LCS ): 找 出 两 个 字符 
串 序列 的 最 长 子 序列 的 长 度 。 最 长 子 序列 是 指 , 在 两 个 字符 串 序 列 中 以 相同 顺序 出 现 ,但 不 要 求 
连续 ( 非 字符 串 子 串 ) 的 字符 串 序 列 。 









































考虑 如 下 例子 。 
LCS: 长 度 为 4 的 “acad” 
再 看 看 下 面 这 个 算法 。 

















function lcs(wordx, wordY) { 
const m = wordx.length; 


const n = wordY.length; 
const 1 = []3 
for (let i = 0; i <= m; i++) { 


1[i] = []; // {1} 
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for (let J 0057 J ee I 5 并 
A 介 7 站 让 二 二 研 和 六 ， 
1 [3 05 
} else if (wordx[i - 1] === wordY[j - 1]) { 
9 A 
} else { 
Onst 7 出 [Le 鸭 关 
GOnNnst DD: = [ET [Ej > 
ILENE SB SB 2 By /7 4} -max (dD) 
} 


} 
} 
return 1[m] [n]; // {5} 
} 


如 果 比 较 背 包 问 题 和 LCS 算法， 我们 会 发 现 两 者 非常 相似 。 
的 技术 被 称 为 记忆 化 ， 而 解决 方案 就 在 表格 或 矩阵 的 右 下 角 。 








这 项 从 顶部 开始 构建 解决 方案 


像 背 包 问 题 算法 一 样 ， 这 种 方法 只 输出 LCS 的 长 度 ， 而 不 包含 LCS 的 实际 结果 。 要 提取 这 








个 信息 ,需要 对 算法 稍 作 修改 ,声明 一 个 新 的 solution 算 阵 。 注意 ,代码 中 有 一些 注释 ， 
需要 用 以 下 代码 替换 这 些 注释 。 

口 行 {1}: solution[i] = []; 

口 行 {2}: solution[i][j] = '0'; 

口 行 {3}: solution[i][j] = 'diagonal'; 

{TBOlEtionlil[ljlaT Ll] 二 二 于 全 二 下 下 二 于 

口 行 15}: printSolution(solution, wordXx, m, n); 


printSolution 因数 如 下 所 示 。 


function printSolution(solution, wordx, m, n) { 
let a = m; 
let b = n; 
let x = solution[al] [bl]; 
let answer = '';} 
WhiLE (Kt OY ) | 
if (solution[al]l [bl === 'diagonal') { 
answer = wordX[a - 1] + answer; 


a 
b-—; 

} else if (solutionlal [tb] z==. Left”) 
b-—; 


} else if (solution[a]l [bl === 'top') { 


我 们 


'Jeft'; 
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Wey 


} 
x = solution[a]l [b]; 
} 
console.log('lcs: ' + answer); 


} 
当 解 矩阵 的 方向 为 对 角 线 时 ， 我 们 可 以 将 字符 添加 到 答案 中 。 


如 果 用 'acbaed' 和 'abcagf' 两 个 字符 串 执 行 上 面 的 算法 , 我 们 将 得 到 输出 4。 用 于 构建 结 
果 的 矩阵 1 看 起 来 像 下 面 这 样 。 我 们 也 可 以 用 附加 的 算法 来 跟踪 LCS 的 值 ( 如 下 图 高 亮 所 示 )。 





























通过 上 面 的 矩阵 ， 我 们 知道 LCS 算法 的 结果 是 长 度 为 4 的 acag。 


名 LCS 问题 也 可 以 写成 递归 形式 。 你 可 以 在 本 书 的 源 代码 包 中 找到 它 的 递归 版 本 。 


14.2.4 ”和 矩阵 链 相 乘 


矩阵 链 相 乘 是 另 一 个 可 以 用 动态 规划 解决 的 著名 问题 。 这 个 问题 是 要 找 出 一 组 和 矩阵 相 乘 的 最 
佳 方式 (顺序 )。 

让 我 们 试 着 更 好 地 理解 这 个 问题 。n 行 m 列 的 和 矩阵 4 和 m 行 p 列 的 矩阵 B 相 乘 ,结果 是 
行 p 列 的 矩阵 C。 

考虑 我 们 想 做 A4*B*C*D 的 乘法 。 因 为 乘法 满足 结合 律 ， 所 以 我 们 可 以 让 这 些 和 矩阵 以 任意 顺 
序 相 乘 。 因 此 ， 考 虑 如 下 情况 : 
口 4 是 一 个 10 行 100 列 的 矩阵 ; 


口 B 是 一 个 100 行 5 列 的 和 矩阵; 
口 C 是 一 个 5 行 50 列 的 矩阵 ; 
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口 D 是 一 个 50 行 1 列 的 矩阵 ; 
口 4*B*C*D 的 结果 是 一 个 10 行 1 列 的 矩阵 。 








在 这 个 例子 里 ， 


(1D) (4(B(CD)): 
(2) ((4B)(CD)): 
3) (((48)OD): 
(4) ((4(B8O)D): 
(5) (4((B8OD): 


相 乘 的 方式 有 五 种 。 


乘法 运算 的 次 数 是 1750 次 。 
乘法 运算 的 次 数 是 5300 次 。 
乘法 运算 的 次 数 是 8000 次 。 
乘法 运算 的 次 数 是 75 500 次 。 
乘法 运算 的 次 数 是 31 000 次 。 





相 乘 的 顺序 不 一 样 ， 要 进行 的 乘法 运算 总 数 也 有 很 大 差异 。 那 么 ,要 如 何 构建 一 个 算法 , 求 
出 最 少 的 乘法 运算 次 数 ? 矩阵 链 相 乘 的 算法 如 下 。 


function matrixChainOrder(p) { 
const n = p.length; 














const m = []; 
const s = []; 
for (let i = 1; i <= n; i++) { 
mfil]. SE ES 
本 证 国际 二 | 本 二 9 
} 
for (let =2; 1 < mn 1l++) { 
for (let i = 1; i <= (人 =- 1) + 1; I++) { 
const j = (i + 1) - 1; 
m[i][j] = Number.MAX_SAFE_INTEGER; 
for (let k = i; k <=j- 1; k++) { 
const qe mi [kK] Fm LD] 证 二 1) wepLkl) :ply ) ZZ {1 
if (q < m[li][j]) { 
mlil [jl] ss qx YY/ {2 


return m[1][n - 1]; // {3} 

} 

整个 算法 中 最 重要 的 是 行 {1}， 神奇 之 处 全 都 在 这 一 行 。 它 计算 了 给 定 括号 顺序 的 乘法 运算 
次 数 ， 并 将 值 保存 在 辅助 矩阵 m 中 。 


对 开头 的 例子 执行 上 面 的 算法 ， 会 得 到 结果 1750。 正 如 我 们 前 面 提 到 的 ， 这 是 最 少 的 运算 
次 数 。 看 看 下 面 的 代码 。 


COnat Bp. LL0 100% Sy S01]: 
console.log (matrixChainOrder (p)); 


然而 , 这 个 算法 也 不 会 给 出 最 优 解 的 括号 顺序 。 为 了 得 到 这 些 信息 , 我 们 可 以 对 代码 做 一 些 
改动 。 

















274 第 14 章 算法 设计 与 技巧 





首先 ， 需 要 通过 以 下 代码 声明 并 初始 化 一 个 辅助 矩阵 s。 


const s = []; 
for (let i = 0; i <= n; i++){ 
Si :Ty 
for (let j=0; j <= n; j++){ 
SE 于 < 


} 
} 


然后 ， 在 matrixchainorder 国 数 的 行 12} 添 加 下 面 的 代码 。 
SLi]. SK 


在 行 {3}， 我 们 调用 打印 括号 的 函数 ， 如 下 所 示 。 


printOoptimalParenthesis(s, 1, n-1); 





最 后 ,我 们 的 printoptimalParenthesis 国 数 如 下 。 





function printOptimalParenthesis(s, i, j)t{ 


i 
console.log("A[" + i + "]"); 
} else { 


console.log("("); 
printOptimalParenthesis(s, i, s[i][j 
printOptimalParenthesis(s, s[i] 
console.10g(")"); 
} 
} 


执行 修改 后 的 算法 ， 也 能 得 到 括号 的 最 佳 顺序 (A[1] (A[2] (A[3]A[4])))， 并 可 以 转化 为 


(A(B(CD) ) ) 。 





14.3 ”贪心 算法 


贪心 算法 遵循 一 种 近似 解决 问题 的 技术 ， 期 盼 通过 每 个 阶段 的 局 部 最 优选 择 〈 当前 最 好 的 
解 )， 从 而 达到 全 局 的 最 优 ( 全 局 最 优 解 )。 它 不 像 动态 规划 算法 那样 计算 更 大 的 格局 。 


我 们 来 看 看 如 何 用 贪心 算法 解决 动态 规划 话题 中 最 少 硬 币 找 零 问 题 和 背包 问题 。 

















我 们 在 第 12 章 介 绍 了 一 些 其 他 的 贪心 算法 ， 比 如 Dijkstra 算法 、Prim 算法 和 
Kruskal 算法 。 


14.3.1 最 少 硬 币 找 零 问 题 


最 少 人 硬币 找 零 问题 也 能 用 贪心 算法 解决 。 大 部 分 情况 下 的 结果 是 最 优 的 , 不 过 对 有 些 面额 而 
言 ， 结 果 不 会 是 最 优 的 。 
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下 面 来 看 看 算法 。 


function minCoinChange (coins, amount) { 
const change = []; 
let total = 0; 
fOr> (Let i SE COlins. Tengthy 3s "0 T=) 
ONnst oln, = "aorns [lils 
while (total + coin <= amount) { // {2} 
change.push (coin); // {3} 
total += coin; // {4} 
} 
} 
return change; 


} 








不 得 不 说 贪心 版 本 的 mincoinchange 比 动态 规划 版 本 简单 多 了 。 对 每 个 面额 ( 行 {1} 
从 大 到 小 )， 把 它 的 值 和 total 相 加 后 ，total 需要 小 于 amount ( 行 {2} )。 我 们 会 将 当前 面额 
coin 添加 到 结果 中 ( 行 13})， 也 会 将 它 和 total 相 加 (〈 行 14} )。 








如 你 所 见 ， 这 个 贪心 解法 很 简单 。 从 最 大 面额 的 硬币 开始 , 拿 尽 可 能 多 的 这 种 硬币 找 零 。 当 
无 法 再 拿 更 多 这 种 价值 的 硬币 时 ， 开 始 拿 第 二 大 价值 的 硬币 ， 依 次 继续 。 


用 和 DP 方法 同样 的 测试 代码 测试 。 


console.log(minCoinChange([1, 5, 10, 25], 36)); 




















结果 依然 是 [25，10，1] ， 和 用 DP 得 到 的 一 样 。 下 图 阐释 了 算法 的 执行 过 程 。 


36-25=11 Gs) 
re © 
"” 国 @o 


然而 ， 如 果 用 [1，3，41] 面 额 执行 贪心 算法 ， 会 得 到 结果 [4，1，1]。 如 果 用 动态 规划 的 
解法 ， 会 得 到 最 优 的 结果 [3，31]。 
































比 起 动态 规划 算法 而 言 ， 贪 心算 法 更 简单 、 更 快 。 然 而 ,如 我 们 所 见 ， 它 并 不 总 是 得 到 最 优 
答案 。 但 是 综合 来 看 ， 它 相对 执行 时 间 来 说 ， 输 出 了 一 个 可 以 接受 的 解 。 

















14.3.2 ”分数 背包 问题 


求解 分 数 背包 问题 的 算法 与 动态 规划 版 本 稍 有 不 同 。 在 0-1 背包 问题 中 ， 只 能 向 背包 里 装 和 人 
完整 的 物品 ， 而 在 分 数 背包 问题 中 , 可 以 装 人 分数 的 物品 。 我 们 用 前 面 用 过 的 例子 来 比较 两 者 的 
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差异 ， 如 下 所 示 。 





物 品 重 量 价 值 
1 2 3 
2 3 4 
3 4 5 




















在 动态 规划 的 例子 里 ， 我 们 考虑 背包 能 够 携带 的 重量 只 有 $。 在 这 个 例子 里 ， 我 们 可 以 说 最 
佳 解决 方案 是 往 背 包 里 装 和 人 物品 1 和 物品 2， 总 重量 为 5S， 总 价值 为 7。 


如 果 在 分 数 背 包 问 题 中 考虑 相同 的 容量 ， 得 到 的 结果 是 一 样 的 。 因 此 , 我 们 考虑 容量 为 6 的 
情况 。 








在 这 种 情况 下 ， 解 决 方案 是 装 和 人 物品 1 和 物品 2， 还 有 25% 的 物品 3。 这 样 ， 重 量 为 6 的 物 
品 总 价值 为 8.25。 


我 们 来 看 看 下 面 这 个 算法 。 


function knapSack (capacity, weights, values) { 
const n = values.length; 
let load = 0; 
Jet val = 0;，; 
for (let i = 0; i <n && load < capacity; i++) { // {1} 
if (weights[i] <= capacity - load) { // {2} 
val += values[il]; 
load += weights[i]; 
else { 
const r = (capacity - load) / weights[i]; // {3} 
val += rr * values[i]; 
load += weights[i]; 
} 
return val; 


} 





Ee 





总 重量 少 于 背包 容量 ( 不 能 带 超过 容量 的 东西 )， 我 们 会 迭代 物品 ( 行 {1} )。 如 果 物 品 可 以 
完整 地 装 人 背包 ( 行 {2} 一 一 小 于 等 于 背包 容量 )， 就 将 其 价值 和 重量 分 别 计 和 人 背包 已 装 人 物品 
的 总 价值 (val ) 和 总 重量 (load )。 如 果 物 品 不 能 完整 地 装 和 背包， 计算 能 够 装 人 部 分 的 比例 
(r)( 行 {3} 一 一 我 们 可 以 带 的 分 数 )。 


如 果 在 0-1 背包 问题 中 考虑 同样 的 容量 6, 我 们 就 会 看 到 , 物品 1 和 物品 3 组 成 了 解决 方案 。 
在 这 种 情况 下 ， 对 同一 个 问题 应 用 不 同 的 解决 方法 ， 会 得 到 两 种 不 同 的 结果 。 
































14.4 ”回溯 算法 
回溯 是 一 种 渐进 式 寻找 并 构建 问题 解决 方式 的 策略 。 我 们 从 一 个 可 能 的 动作 开始 并 试 着 用 这 
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个 动作 解决 问题 。 如 果 不 能 解决 ， 就 回溯 并 选择 另 一 个 动作 直到 将 问题 解决 。 根 据 这 种 行为 ， 回 

洲 算 法 会 尝试 所 有 可 能 的 动作 ( 如 果 更 快 找到 了 解决 办 法 就 尝试 较 少 的 次 数 ) 来 解决 问题 。 
有 一 些 可 用 回溯 解决 的 著名 问题 : 

口 骑士 巡逻 问题 

口 YX 旺 后 问题 

口 迷宫 老鼠 问题 

口 数 独 解 题 器 








本 书 中 ,我 们 会 学 习 迷 宫 老 所 和 数 独 解 题 器 问题 ,因为 它们 比较 容易 理解 。 但 是 ， 
你 也 可 以 在 本 书 源 代码 中 找到 其 他 回溯 问题 的 源 代码 。 


14.4.1 迷宫 老鼠 问题 
人 2 Ch xN 的 矩阵 ， 和 矩阵 的 每 ee 每 个 位 置 (或 块 ) 可 以 






























































和 矩阵 就 是 迷宫 ,“ 老 鼠 ” 的 目标 是 从 位 置 [0 开始 并 移动 到 [n-1] ] (终点 )。 老鼠 可 
以 在 垂直 或 水 平方 向 上 任何 未 被 阻挡 的 位 置 间 和 。 


我 们 来 声明 算法 的 基本 结构 。 


export function ratInAMaze (maze) { 

const solution = []; 

for (let i = 0; i < maze.length; i++) { // {1} 
SOLUELOMEL) SE, [3 
for (let j = 0; j < maze[li].length; j++) { 

solution[i][j] = 0; 

} 

} 

if (findPath(maze, 0, 0, solution) === true) { // {2} 


return solution; 
} 4 
return 'NO PATH FOUND'; // {3} 


} 


首先 创建 一 个 包含 解 的 矩阵 。 将 每 个 位 置 初始 化 为 零 ( 行 {1} )。 对 于 老鼠 采取 的 每 步行 动 ， 
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我 们 将 路 径 标记 为 1。 如 果 算 法 能 够 找到 一 个 解 ( 行 {2} )， 就 返回 解决 矩阵 ， 否 则 返回 一 条 错误 
信息 ( 行 {3} )。 





然后 , 我 们 创建 一 个 findPath 方法 , 它 会 试 着 从 位 置 x 和 y 开始 在 给 定 的 maze 和 矩阵 中 找 
到 一 个 解 。 和 本 章 介绍 的 其 他 技巧 一 样 ， 回 滴 技 巧 也 使 用 了 递归 ,这 也 是 使 这 个 算法 有 回溯 能 
的 原因 。 


function findPath (maze, x, y, solution) { 
const n = maze.length; 























if (x ===n-1 é&&y ===n-1) {// {4} 
SOLUtaon1[y] S13 
retUrr tre 


} 


rf (lisboafte(maze, Ki VY} = true) { HA RD 
solution[x][y] = 1; // {6} 
if (findPath(maze, x + 1, y, solution)) { // {7} 
return true; 


} 


if (findPath(maze, x, y + 1, solution)) { // {8} 
return true; 


} 


solution[x] [y] = 0; // {9} 
return false; 
} 
return false; // {10} 
} 


算法 的 第 一 步 是 验证 老鼠 是 否 到 达 了 终点 ( 行 {4} )。 如 果 到 了 ， 就 将 最 后 一 个 位 置 标 记 为 
路 径 的 一 部 分 并 返回 true， 表 示 移 动 成 功 结束 。 如 果 不 是 最 后 一 步 ， 要 验证 老鼠 能 否 安 全 移动 
至 该 位 置 ( 行 15} 表 示 根 据 下 面 声明 的 issafe 方法 判断 出 该 位 置 空闲 )。 如果 是 安全 的 , 我 们 将 
这 步 加 入 路 径 〈 行 16} ) 并 试 着 在 maze 矩阵 中 水 平移 动 (向 右 ) 到 下 一 个 位 置 ( 行 {7} )。 如 果 
水 平移 动 不 可 行 ， 我 们 就 试 着 垂直 向 下 移动 到 下 一 个 位 置 ( 行 {8} )。 如 果 水 平和 垂直 都 不 能 移 
动 ， 那 么 将 这 步 从 路 径 中 移 除 并 回溯 〈 行 19} )， 表 示 算 法 会 尝试 男 一 个 可 能 的 解 。 在 算法 尝试 
了 所 有 可 能 的 动作 还 是 找 不 到 解 时 ， 就 返回 false( 行 {10} )， 表 示 这 个 问题 无 解 。 
function isSafe(maze, x, y) { 
const n = maze.length; 
if (x >= 0 && y >= 0 && x<ng&&ty <n && maze[lxl[y] !== 0) { 
return true; // {11} 
} 


return false; 


} 


用 下 面 的 代码 进行 测试 。 
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const 
[1, 


上 和 


[1, 
[0， 
[0 
J 


console.log(ratIinAMaze (maze)); 


输出 如 下 。 


OopPo 
Lp 


14.4.2” 数 独 解 题 器 


数 独 是 一 个 非常 有 趣 的 解 文 游戏 ， 也 是 史上 最 流行 的 游戏 之 一 。 目 标 是 用 数字 1 ~ 9 填 满 一 
个 9x9 的 和 矩阵， 要 求 每 行 和 每 列 都 由 这 九 个 数字 构成 。 和 矩阵 还 包含 了 小 方块 (3 x 3 矩阵 )， 它 
们 同样 需要 分 别 用 这 九 个 数字 填 满 。 谜 题 在 开始 给 出 一 个 已 填 了 部 分 数字 的 矩阵 ， 如 下 图 所 示 。 









































1 
























































数 独 解 题 器 的 回溯 算法 会 尝试 在 每 行 每 列 中 填 和 每 个 数字 。 和 迷宫 老鼠 问题 一 样 ,我们 从 算 
法 的 主 方法 开始 。 
function sudokuSolver (matrix) { 
if (solveSudoku (matrix) === true) { 
return matrix; 
} 


return ' 问 题 无 解 | 
} 


算法 在 找到 解 后 会 返回 填 满 了 缺失 数字 的 矩阵 ,否则 返回 错误 信息 。 现在, 我 们 来 看 算法 的 
主要 逻辑 。 
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const UNASSIGNED = 0; 


function solveSudoku (matrix) { 
let row = 0; 
let col = 0; 
let checkBlankSpaces = false; 
for (row = 0; row < matrix.length; row++) { // {1} 
for (col = 0; col < matrix[row] .length; col++) { 


if (matrix[row] [col] === UNASSIGNED) { 
checkBlankSpaces = true; // {2} 
break; 
} 
3 
if (checkBlankSpaces === true) { // {3} 
break; 
} 
; 
if (checkBlankSpaces === false) { 


return true; // {4} 
} 
for (let num = 1; num <= 9; num++) { // {5} 
if (isSafe(matrix, row, col, num)) { // {6} 
matrix[row] [col] = num; // {7} 
if (solveSudoku (matrix)) { // {8} 
return true; 
3 
matrix[row] [col] = UNASSIGNED; // {9} 
3 
} 
return false; // {10} 
} 


第 一 步 是 验证 谜 题 是 否 已 被 解决 ( 行 {1} )。 如 果 没 有 空白 的 位 置 ( 值 为 0 的 位 置 )， 表示 迹 
题 已 被 完成 ( 行 {4} )。 如 果 有 空白 位 置 ( 行 {2} ), 我 们 要 从 两 个 循环 中 跳出 ( 行 {3} ) 并 且 row 
和 col 变量 会 表示 需要 用 1 ~ 9 填写 空白 的 位 置 。 下面 , 算法 会 试 着 用 1 ~ 9 填写 这 个 位 置 , 一 次 
填 一 个 ( 行 {5} )。 我们 会 检查 添加 的 数字 是 否 符 合 规则 ( 行 {6} )， 也 就 是 这 个 数字 在 这 行 、 这 
列 或 在 小 矩阵 (3 x3 矩阵 ) 中 没有 出 现 过 。 如 果 符 合 ， 我 们 就 将 这 个 数字 填 入 ( 行 {7} ) 并 再 次 
执行 solvesudoku 函数 来 尝试 填写 下 一 个 位 置 ( 行 {8} )。 如 果 一 个 数字 填 在 了 不 正确 的 位 置 ， 
我 们 就 再 将 这 个 位 置 标记 为 空 ( 行 {9} )， 并且 算 法 会 回溯 ( 行 {10} ) 再 尝试 一 个 其 他 数字 。 

issafe 声明 如 下 ， 它 包含 检查 填 人 的 数字 是 否 符合 规则 。 

function isSafe(matrix, row, col, num) { 

return ( 


lIusedInRow (matrix, row, num) &é& 
lIusedInCol (matrix, col, num) && 


IusedInBox(matrix, row - (row %$ 3), col - (col %$ 3), num) 
jj 
} 


具体 的 检查 声明 如 下 。 
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function usedInRow (matrix, row, num) { 
for (let col = 0; col < matrix.length; col++) { // {11} 
if (matrix[row] [col] === num) { 
return true; 
} 
} 
return false; 


} 


function usedInCol (matrix, col, num) { 
for (let row = 0; row < matrix.length; row++) { // {12} 
if (matrix[row] [col] === num) { 
return true; 
} 
} 
return false; 


} 


function usedInBox(matrix, boxStartRow, boxStartCol, num) { 
for (let row = 0; row < 3; row++) { 
for (let col = 0; col < 3; col++) { 
if (matrix[row + boxStartRow] [col + boxStartCol] === num) { // {13} 
return true; 


} 
} 
return false; 


} 





首先 , 通过 迭代 和 矩阵 中 给 定 行 row 中 的 每 个 位 置 检查 数字 是 否 在 行 row 中 存在 ( 行 {11} )。 
然后 ,迭代 所 有 的 列 来 验证 数字 是 否 在 给 定 的 列 中 存在 〈( 行 1(12} ),。 最 后 的 检查 是 通过 迭代 3 x3 
































和 矩阵 中 的 所 有 位 置 来 检查 数字 是 否 在 小 矩阵 中 存在 〈 行 (13} )。 
用 下 面 的 例子 来 测试 算法 。 


const sudqokuGridq = [ 

Br 3 Oe OW sy OF 0% OG Os; 
Gy OF Ov Lyn 9 Sy Oy O05. 0; 
De BO "0 “Om O77 Os 
85. “0 -0 0. Ey dO O06, tO ,33 
4 705. 30 8. O00 Ba, OW "08 Ls 
让] 
Ow Gy OO SO Ay 0 2 :By Oy 
O08 ‘QF O00 Mi Ty -9 0 OD By 
Ov: Qe Ou Ob :8 Oy “OVS 








]; 
console.log(sudokuSolver (sudokuGrid)); 


输出 如 下 。 
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14.5” 隐 数 式 编程 简介 


到 目前 为 止 , 我 们 在 本 书 中 所 用 的 编程 范式 都 是 命令 式 编程 。 在 命令 式 编程 中 , 我们 按 部 就 
班 地 编写 程序 代码 ， 详 细 描 述 要 完成 的 事情 以 及 完成 的 顺序 。 


在 本 节 中 ， 我 们 会 介绍 一 种 新 的 范式 ， 叫 作 函 数 式 编程 (FP )。 我 们 在 本 书 的 一 些 算法 中 已 
经 使 用 过 一 些 FP 代码 片段 。 函 数 式 编程 是 一 种 曾经 主要 用 于 学 术 领 域 的 范式 ， 多 亏 了 Python 和 
Ruby 等 现代 语言 ， 它 才 开 始 在 行业 开发 者 中 流行 起 来 。 值 得 欣慰 的 是 ,借助 ES2015 的 能 
JavaScript 也 能 够 进行 函数 式 编 程 。 






























































14.5.1 ”函数 式 编程 与 命令 式 编程 

以 函数 式 范式 进行 开发 并 不 简单 , 关键 在 于 习惯 这 种 范式 的 机 制 。 我 们 编写 一 个 例子 来 说 明 
差异 。 

假设 我 们 想 打印 一 个 数组 中 所 有 的 元 素 。 我 们 可 以 用 命令 式 编程 ， 声 明 的 函数 如 下 。 


const printArray = function(array) { 
for (var i = 0; i < array.length; i++){ 
console.log(array [i]); 
} 
3 
briantaArray([ lL,,. 2, 3 4 > ) 


在 上 面 的 代码 中 ,我们 迭代 数组 ， 打 印 每 一 项 。 


现在 , 我 们 试 着 把 这 个 例子 转换 成 函数 式 编 程 。 在 函数 式 编程 中 ， 函 数 就 是 摇 深 明星 。 我们 
关注 的 重点 是 需要 描述 什么 ， 而 不 是 如 何 描述 。 回 到 这 一 句 :“ 我 们 迭代 数组 ,打印 每 一 项 。” 那 


























么 ,首先 要 关注 的 是 迭代 数据 ， 然 后 进行 操作 ， 即 打印 数组 项 。 下 面 的 函数 负责 迭代 数组 。 
const forEach = function(array, action)t{ 
for (var i = 0; i < array.length; i++){ 


action(array[i]); 
} 
了 


接 下 来 , 要 创建 男 一 个 负责 把 数组 元 素 打 印 到 控制 台 的 函数 ( 考虑 为 回调 函数 )， 如 下 所 示 。 
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const logItem = function(item) { 
console.log (item); 

ye 

最 后 ， 像 下 面 这 样 使 用 声明 的 函数 。 


forEach([1, 2, 3, 4, 5], logItem); 


只 需要 上 面 这 一 行 代码 , 就 能 描述 我 们 要 把 数组 的 每 一 项 打印 到 控制 台 。 这 是 我 们 的 第 一 个 
函数 式 编程 的 例子 ! 


有 以 下 几 点 要 注意 。 


口 函数 式 编程 的 主要 目标 是 描述 数据 ， 以 及 要 对 数据 应 用 的 转换 。 

口 在 函数 式 编 程 中 ， 程 序 执行 顺序 的 重要 性 很 低 ; 而 在 命令 式 编程 中 ， 步 又 和 顺序 是 非常 
重要 的 。 

口 函数 和 数据 集合 是 函数 式 编程 的 核心 

口 在 函数 式 编程 中 ， 我 们 可 以 使 用 和 滥用 函数 和 递归 ; 而 在 命令 式 编程 中 ， 则 使 用 循环 、 
赋值 、 条 件 和 函数 。 

口 在 函数 式 编 程 中 ， 要 避免 副作用 和 可 变数 据 ， 意 味 着 我 们 不 会 修改 传人 函数 的 数据 。 如 
果 需 要 基于 输入 返回 一 个 解决 方案 ， 可 以 制作 一 个 副本 并 返回 数据 修改 后 的 副本 。 













































































14.5.2 “ES2015+ 和 函数 式 编程 
有 了 ES2015+ 的 新 功能 , 用 JavaScript 进行 函数 式 编程 就 变 得 更 加 容易 了 。 我 们 来 看 一 个 例子 。 


考虑 我 们 要 找 出 数组 中 最 小 的 值 。 要 用 命令 式 编 程 完成 这 个 任务 ， 只 要 迭代 数组 ， 检 查 当 前 
的 最 小 值 是 否 大 于 数组 元 素 ; 如 果 是 ， 就 更 新 最 小 值 ， 代 码 如 下 。 


var findMinArray = function(array)t{ 
Var minValue = array[0]; 
for (var i=1; i<array.length; i++){ 
if (minValue > array[i])t{ 
minValue = array[il]; 
























































} 
} 
return minValue; 
jg 
console.log(findMinArray([8,6,4,5,9])); // 输出 4 


要 用 函数 式 编程 完成 相同 的 任务 ， 可 以 使 用 Math .min 函数 ， 传 人 所 有 要 比较 的 数组 元 素 。 
我 们 可 以 像 下 面 的 例子 里 这 样 ， 使 用 ES2015 的 解构 运算 符 〈 . . . )， 把 数组 转换 成 单个 的 元 素 。 4 
const min = function(array)t{ 
return Math.min(...array) 


}3 
console.log(min_([8,6,4,5,9])); // 输出 4 
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使 用 ES2015 的 箭头 函 





数 ， 可 以 进一步 简化 上 面 的 代码 。 


const “min &: are EF Matho min(s...dri)y 


console.log (min([8, 


6, 4, 5, 9])); 


我 们 可 以 用 ES2015 语法 重 写 第 一 个 示例 。 


const forEach = (array, action) => array.forEach(item => action(item)); 


const logItem = (ite 


14.5.3 JavaScriptE 


map、filter 和 reduce 了 国 数 (第 3 章 已 经 学 习 过 ) 是 JavaScript 函数 式 编 程 的 基础 。 
函数 ， 把 一 个 数据 集合 转换 或 映射 成 另 一 个 数据 集合 


我 们 可 以 使 用 map 
编程 的 例子 。 


const daysOfWeek = [ 


m) => console.log(item); 


函数 式 工 具 箱 一 一 map、filter 和 reduce 








{name: 'Monday', value: 1}, 


{name: 'Tuesday', 
{name: 'Wednesday' 
] 


let daysOfWeekValues_ 


fOr (EEt 二 必 
daysOfWeekValues_ 
中 




















Value: 2]， 
， value: 7} 


= []; 
daysOfWweek.length; i++) { 


.push (daysOfweek [i] .value); 


再 以 函数 式 编程 并 使 用 ES2015+ 语 法 来 考虑 同样 的 例子 ， 代 码 如 下 。 


const daysOfWeekValues = daysOfWeek.map(day => day.value); 


console.log (daysOfWwe 


我 们 可 以 使 用 filter 


ekValues); 


函数 过 滤 一 个 集合 的 值 。 下 面 来 看 一 个 例子 。 


const positiveNumbers_ = function(array)t{ 


let positive = []; 
for (let i = 0; i 
if (array[i] >= 
positive.push( 
} 
} 
return positive; 


} 


< array.length; i++) { 
0){ 


array [i]); 


console.log(positiveNumbers_([-1,1,2,-2])); 


我 们 可 以 把 同样 的 代码 写成 函数 式 的 ， 如 下 所 示 。 


const positiveNumbers = (array 


> array.filter (num => (num >= 0)); 


) = 
console.log(positiveNumbers([-1,1,2,-2])); 

















。 先 看 一 





个 命 


DD 


令 式 
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我 们 也 可 以 使 用 reduce 函数 ,把 一 个 集合 归 约 成 一 个 特定 的 值 。 比 如 ， 对 一 个 数组 中 的 值 
求 和 。 


const sumValues = function(array) { 
let total = array[0]; 
for (let i = 1; i<array.length; i++) { 
total += array[il]; 
} 
return total; 
和 
console.log(sumValues([1, 2, 3, 4, 5])); 


上 面 的 代码 也 可 以 写成 这 样 。 


const sum = function(array)t{ 
return array.reduce (function(a, b){ 
return a + b; 
} 
}; 
Gonsole.1log (stim ([l, 2 3 4 51))s 


我 们 还 可 以 把 这 些 函 数 与 ES2015 的 功能 结合 起 来 , 比如 解构 运算 符 和 箭头 函数 , 代码 如 下 。 


const sum = arr => arr.reduce((a, b) => a + b); 
console.log(sum([1, 2, 3, 4, 5])); 


我 们 再 看 另 一 个 例子 。 考 虑 我 们 需要 写 一 个 函数 ， 把 几 个 数组 连接 起 来 。 为 此 ， 可 以 创建 另 
一 个 数组 ， 用 于 存放 其 他 数组 的 元 素 。 可 以 执行 以 下 命令 式 的 代码 。 


const mergeArrays,_ = function(arrays)t{ 
const count = arrays.length; 
let newArray = []; 





Let Re "Oy 
for (let i = 0; i < count; i++){ 
for (var j = 0; j < arrays[il].length; j++){ 
newArray [k++] = arrays[i]l[j]; 
lj 
} 
return newArray; 
上 
console.log (mergeArrays_([[1, 2, 3], [4, 5], [6]])); 


主意 ， 在 这 个 例子 中 ， 我 们 声明 了 变量 ,还 使 用 了 循环 。 现 在 ,我 们 用 JavaScript 函数 式 编 
旦 把 上 面 的 代码 重 写 如 下 。 


const mergeArraysConcat = function(arrays)t{ 
return arrays.redquce( function(p,n)t{ 
return p.concat (n); 
区 
je 
console.log (mergeArraysConcat ([[1, 2, 3], [4, 5], [6]])); 


3 
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上 面 的 代码 完成 了 同样 的 任务 , 但 它 是 面向 函数 的 。 我 们 也 可 以 用 ES2015 使 代码 更 加 精简 ， 
如 下 所 示 。 


const mergeArrays = (...arrays) = ] 
console.log(mergeArrays([1, 2, 3], [4, 5], [6])); 


从 11 行 代码 变 成 了 只 有 一 行 〈 尽 管 可 读 性 降低 了 )! 


>» [Concat tt. rarrayveyy 





如 果 你 想 更 多 地 练习 JavaScript 函数 式 编程 ， 可 以 试 试 这 些 习 题 ， 非 常 有 意思 : 
http:/reactivex.io/learnrx/。 


14.5.4 ”JavaScript 函数 式 类 库 和 数据 结构 


有 一 些 很 棒 的 JavaScript 类 库 借助 工具 函数 和 函数 式 数据 结构 ， 对 函数 式 编程 提供 支持 。 通 
过 下 面 的 列表 ,你 可 以 找到 一 些 最 有 名 的 JavaScript 函数 式 类 库 。 








D Underscode.js: http://underscorejs.org/ 

口 Bilby.js: http:/bilby.brianmckenna.org/ 

口 Lazy.js: http://danieltao.com/lazy.js/ 

口 Bacon.js: https://baconjs.github.io/ 

口 Fn.js: http://eliperelman.com/fn.js/ 

DQ Functional.js: http://functionaljs.com/ 

D Ramda.js: http://ramdajs.com/0.20.1/index.html 
口 Mori: http://swannodette.github.io/mori/ 





i 如 果 你 对 学 习 JavaScript 函数 式 编程 感 兴趣 ， 可 以 看 看 Packt 出 版 的 另 一 本 书 : 


https:/www.packtpub.com/web-development/functional-programming-javascript。 


14.6 小结 


在 本 章 中 , 我 们 介绍 了 最 著名 的 动态 规划 问题 ， 如 最 少 硬币 找 零 问题 、 背 包 问 题 、 最 长 公共 
子 序列 和 和 矩阵 链 相 乘 。 我 们 学 习 了 分 而 治之 算法 以 及 它们 和 动态 规划 算法 的 区 别 。 


我 们 学 习 了 贪心 算法 ,以 及 如 何 用 贪心 算法 解决 最 少 硬币 找 零 问题 和 分 数 背包 问题 。 我 们 还 
学 习 了 回溯 的 概念 以 及 一 些 车 名 的 问题 ， 如 迷宫 老鼠 问题 和 数 独 解 题名 。 


你 还 学 习 了 函数 式 编 程 ， 并 通过 一 些 例子 了 解 了 如 何以 这 种 范式 使 用 JavaScript 的 功能 。 


下 一 章 ， 我 们 会 介绍 大 O 表示 法 ， 并 讨论 如 何 计算 一 个 算法 的 复杂 性 。 你 还 将 学 习 存在 于 
算法 世界 里 的 更 多 概念 。 


算法 复杂 度 








本 章 , 我 们 要 学 习 著名 的 大 O 表示 法 和 NP 完全 理论 , 还 要 看 看 如 何 用 算法 增添 乐趣 、 巩 国 
知识 ， 提 高 我 们 编程 和 解决 问题 的 能 力 。 


15.1 大 O 表示 法 


第 13 章 引入 了 大 0 表示 法 的 概念 。 它 的 确切 含义 是 什么 ” 它 用 于 描述 算法 的 性 能 和 复杂 程 
度 。 大 0 表示 法 将 算法 按照 消耗 的 时 间 进行 分 类 ， 依 据 随 输入 增 大 所 需要 的 空间 /内 存 。 


分 析 算 法 时 ， 时 常 遇 到 以 下 几 类 函数 。 











符 号 名 称 
O(1) 常数 的 
O(log(n)) 对 数 的 
O((log(n))c) 对 数 多 项 式 的 
O(n) 线性 的 
O(n’) 二 次 的 
O(n) 多 项 式 的 
O(c") 指数 的 





15.1.1 理解 大 O 表示 法 


如 何 衡 量 算法 的 效率 ? 通常 是 用 资源 ,例如 CPU (时 间 ) 占用、 内存 占 用 、 硬 盘 占 用 和 网 
络 占用 。 当 讨论 大 O 表示 法 时 ， 一 般 考虑 的 是 CPU (时间) 占用 。 


让 我 们 试 着 用 一 些 例子 来 理解 大 O 表示 法 的 规则 。 
1. O(1) 
考虑 以 下 函数 。 
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function increment (num) { 
return ++num; 


} 


假设 运行 increment (1) 函数 ， 执 行 时 间 等 于 系 如 果 再 用 不 同 的 参数 ( 例如 2 ) 运行 一 次 
increment 函数 ， 执 行 时 间 依 然 是 系 和 参数 无 关 ，increment 函数 的 性 能 都 一 样 。 因 此 ,我 
们 说 上 述 函 数 的 复杂 度 是 O(D) (常数 )。 


2. O(n) 
现在 以 第 13 章 中 实现 的 顺序 搜索 算法 为 例 。 


function sequentialSearch(array, value, equalsFn = defaultEquals) { 
for (let i = 0; i < array.length; i++) { 
if (egqualsFn(value, array[i])) { // {1} 
return i; 
} 
} 
return -1; 
} 
如 果 将 含 10 个 元 素 的 数组 ( [1，. . .，10] ) 传递 给 该 函数 ， 假 如 搜索 1 这 个 元 素 ， 那 么 ， 


第 一 次 判断 时 就 能 找到 想 要 搜索 的 元 素 。 在 这 里 我 们 假设 每 执行 一 次 行 {1}， 开 销 是 1。 


现在 ,假如 要 搜索 元 素 11。 行 {1} 会 执行 10 次 (迭代 数组 中 所 有 的 值 ， 并 且 找 不 到 要 搜索 
的 元 素 ， 因 而 结果 返回 -1 )。 如 果 行 {1} 的 开销 是 1, 那么 它 执行 10 次 的 开销 就 是 10，10 倍 于 第 
一 种 假设 。 

现在 ,假如 该 数组 有 1000 个 元 素 ( [1，. ..，1000] )。 搜 索 1001 的 结果 是 行 {1} 执 行 了 
1000 次 (然后 返回 -1 )。 


注意 ，sequentialSearch 函数 执行 的 总 开销 取决 于 数组 元 素 的 个 数 ( 数组 大 小 )， 而且 也 
和 搜索 的 值 有 关 。 如 果 是 查找 数组 中 存在 的 值 ， 行 {1} 会 执行 几 次 呢 ?” 如 果 查 找 的 是 数组 中 不 存 
在 的 值 ， 那 么 行 {1} 就 会 执行 和 数组 大 小 一 样 多 次 ， 这 就 是 通常 所 说 的 最 坏 情 况 。 


最 坏 情况 下 ， 如 果 数 组 大 小 是 10， 开 销 就 是 10; 如 果 数 组 大 小 是 1000， 开 销 就 是 1000。 可 
以 得 出 sequentialSearch 图 数 的 时 间 复 杂 度 是 O(n), n 是 (输入) 数组 的 大 小 。 


回 到 之 前 的 例子 ， 修 改 一 下 算法 的 实现 〈 最 坏 情况 )， 使 之 计算 开销 。 


function sequentialSearch(array, value, equalsFn = defaultEquals) { 
let cost = 0; 
for (let i = 0; i < array.length; i++) { 
Cost++; 
if (equalsFn(value, array[i])) { 
return i; 


} 
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} 
console.log( ‘cost for sequentialSearch with input size ${array.length} is ${cost}.); 


return -1; 


} 
用 不 同 大 小 的 输入 数组 执行 以 上 算法 ， 可 以 看 到 不 同 的 输出 。 





3. O(n’) 
用 冒 泡 排 序 做 O(n ) 的 例子 。 
= defaultCompare) { 


function bubbleSort (array, comparerFn = 
const { length } = array; 
foOR (Tet ie 0 TuLength dee) tA TEY 
for (let j = 0; j < length - 1; j++) { // {2} 
if (compareFn(array[j], array[j + 1]) === Compare.BIGGER_THAN) { 
swap (array, j, j + 1); 
} 
} 
} 
return array; 


} 
假设 行 {1} 和 行 {2} 的 开销 分 别 是 1。 修 改 算法 的 实现 使 之 计算 开销 。 





function bubbleSort(array, compareFn = defaultCompare) { 


const { length } = array; 


let cost = 0; 
for (let i = 0; i < length; i++) { // {1} 


Cost++; 
for (let j = 0; j < length - 1; j++) { // {2} 
Cost++; 
if (compareFn(array[j], array[j + 1]) === Compare.BIGGER_THAN) { 


swap (array, j, j + 1); 
} 
} 
} 
console.log(‘cost for bubbleSort with input size ${length} is ${cost}.); 


return array; 


} 
如 果 用 大 小 为 10 的 数组 执行 pupblesort， 开销 是 100( 10? )。 如 果 用 大 小 为 100 的 数组 执行 
pubblesort, 开销 就 是 10000( 100” ) 需要 注意 , 我 们 每 次 增加 输入 的 大 小 , 执行 都 会 越 来 越久 。 






































时 间 复 杂 度 O(n) 的 代码 只 有 一 层 循环 ， 而 O(n”) 的 代码 有 双 层 放 套 循环 。 如 果 算 
法 有 三 层 迭 代数 组 的 谋 套 循环 ， 它 的 时 间 复 杂 度 很 可 能 就 是 O(n’)。 


15.1.2 ”时 间 复 杂 度 比较 
我 们 可 以 创建 一 个 表格 来 表示 不 同 的 时 间 复杂 度 。 
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输入 大 小 〈n) O(D O(log(n)) O(n) O(nlog(n)) OU 0(2") 
10 1 1 10 10 100 1024 
20 1 1.30 20 26.02 400 1 048 576 
50 1 1.69 50 84.94 2500 非常 大 
100 1 2 100 200 10 000 非常 大 
500 1 2.69 500 1349.48 250 000 非常 
1000 1 3 1000 3000 1 000 000 非常 大 
10 000 1 4 10 000 40 000 100 000 000 非常 
我 们 可 以 基于 上 表 信 息 画 一 个 图 来 表示 不 同 的 大 O 表示 法 的 消耗 。 
大 O 表 示 法 复杂 度 图 表 
O(n’) 
400 
300 
Es 
地 
器 200 
0 O(nlog(n)) 
O(log(n)) 
0 0O(1) 
各 10 15 20 25 30 
元 素数 (n) 











这 个 图 表 是 用 JavaScript 绘制 的 哦 ! 在 本 书 示例 代码 中 ， 你 可 以 到 examples/ 
chapter15 目录 中 找到 绘制 本 图 表 的 源 代码 。 


在 接 下 来 的 部 分 ， 你 可 以 找到 本 书 实现 的 所 有 算法 的 时 间 复 杂 度 的 速 查 表 。 


如 果 你 需要 一 个 打印 版 本 的 大 O 速 查 表 ,， 下 面 的 链接 包含 了 一 个 很 漂亮 的 版 本 : 
0 http:/www.bigocheatsheet.com。( 请 注意 ， 对 于 某 些 数据 结构 例如 栈 和 队列 ， 本 


书 实现 了 改进 后 的 版 本 ， 因 此 大 O 复杂 度 会 比 链接 中 给 出 的 小 一 些 。) 


1. 数据 结构 


下 表 是 常用 数据 结构 的 时 间 复 杂 度 。 
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一 般 情况 最 差 情况 

te 插入 删除 搜索 插入 删除 搜索 
数组 / 栈 / 队 列 0O(1) 0O(1) O(n) O() O() O(n) 
链表 0O(1) 0O(1) O(n) 0(1) 0O(1) O(n) 
双向 链表 O(1) O(1) O(n) 0(1) 0O(1) O(n) 
散 列 表 O(1) O(1) O(1) O(n) O(n) O(n) 
二 分 搜索 树 O(log(n)) O(log(n)) O(log(n)) O(n) O(n) O(n) 
AVL 树 O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) 
红 黑 树 O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) 
二 又 堆 O(log(n)) O(log(n)) 0(1): 寻找 最 O(log(n)) O(log(n)) 0O(1) 

大 值 /最 小 值 
2. 
下 表 是 图 的 时 间 复 杂 度 。 
节点 / 边 的 管理 方式 存储 空间 增加 顶点 增加 边 删除 顶点 删除 边 轮 询 
邻接 表 O (M+HED) O(U) 0(1) 0O (M+|ED) O(IE)) OUP) 
邻接 矩阵 OUd7 OF 0(1) OF 0(1) 0O(1) 


3. 排序 算法 
下 表 是 排序 算法 的 时 间 复 杂 度 。 
























































Re 时 间 复 杂 度 

| 最 好 情况 二 般 情况 最 差 情况 
奸 泡 排序 O(n) O(n’) O(n’) 
选择 排序 O(n’) O(n’) O(n’) 
看 入 排序 O(n) O(n’) O(n’) 
希 尔 排 序 O(nlog(n)) O (nlog’(n)) O (nlog’(n)) 
归并 排序 O(nlog(n)) O(nlog(n)) O(nlog(n)) 
快速 排序 O(nlog(n)) O(nlog(n)) O(n’) 
堆 排 序 O(nlog(n)) O(nlog(n)) O(nlog(n)) 
计数 排序 O(n+f) O(nt+h) O(nt+h) 
桶 排序 OU+ 月 O(n+p O(n’) 
基数 排序 OU 月 OU 月 OU 有 




















4. 搜索 算法 


下 表 是 搜索 算法 的 时 间 复 杂 度 。 

































































算 法 数据 结构 最 差 情况 
顺序 搜索 数组 O(n) 
二 分 搜索 已 排序 的 数组 O(log(n)) 
内 插 搜索 已 排序 的 数组 O(n) 
深度 优先 搜索 ( DFS ) 顶点 数 为 | 轩 ， 边 数 为 |2I 的 图 O(TI+|ED) 
广度 优先 搜索 ( BFS ) 顶点 数 为 | 轩 ， 边 数 为 |2I 的 图 CO( 刀 + 人 ED) 





15.1.3 ”NP 完全 理论 概述 

一 般 来 说 ， 如 果 一 个 算法 的 复杂 度 为 O009， 其 中 上 是 常数 ,我 们 就 认为 这 个 算法 是 高 效 的 ， 
这 就 是 多 项 式 算法 。 

对 于 给 定 的 问题 ， 如 果 存在 多 项 式 算法 ， 则 计 为 P( polynomial， 多 项 式 )。 

还 有 一 类 NP ( nondeterministic polynomial， 非 确定 性 多 项 式 ) 算法 。 如 果 一 个 问题 可 以 在 多 
项 式 时 间 内 验证 解 是 否 正 确 ， 则 计 为 NP。 

如 果 一 个 问题 存在 多 项 式 算法 ， 自 然 可 以 在 多 项 式 时 间 内 验证 其 解 。 因 此 ， 所 有 的 P 都 是 
NP。 然而,，P= MP 是 否 成 立 ， 仍 然 不 得 而 知 。 

NP 问题 中 最 难 的 是 NP 完全 问题 。 如 果 满 足以 下 两 个 条 件 ， 则 称 决策 问题 工 是 NP 完全 的 : 

(D) 工 是 NP 问题 ， 也 就 是 说 ， 可 以 在 多 项 式 时 间 内 验证 解 ， 但 还 没有 找到 多 项 式 算法 ; 

(2) 所 有 的 NP 问题 都 能 在 多 项 式 时 间 内 归 约 为 了 工 。 

为 了 理解 问题 的 归 约 ,考虑 两 个 决策 问题 工 和 M。 假 设 算法 4 可 以 解决 问题 二 ,算法 了 可 以 
验证 输入 ?是 否 为 M 的 解 。 目 标 是 找到 一 个 把 工 转化 为 M 的 方法 ， 使 得 算法 8 可 以 用 于 构造 算 
法 4。 

还 有 一 类 问题 ,只 需 满足 NP 完全 问题 的 第 二 个 条 件 , 称 为 NP 困难 问题 。 因 此 ,NP 完全 问 
题 也 是 NP 困难 问题 的 子 集 。 























































































































已 = NP 是 否 成 立 ， 是 计算 机 科学 中 最 重要 的 难题 之 一 。 如 果 能 找到 答案 ， 对 密 
码 学 、 工 法 研究 、 人 工 智能 等 诸多 领域 都 会 产生 重大 影响 。 





下 面 是 满足 P<>NP 时 ，P、NP、NP 完全 和 NP 困难 问题 的 欧 拉 图 。 
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NP 
非 NP 完全 的 NP 困难 问题 的 例子 有 停机 问题 和 布尔 可 满足 性 问题 (SAT )。 
NP 完全 问题 的 例子 有 子 集 和 问题 、 旅 行商 问题 、 顶 点 覆盖 问题 ， 等 等 。 

















刍 关于 这 些 问 题 ， 详 情 请 查阅 https://en.wikipedia.org/wiki/NP-completeness。 


不 可 解 问题 与 启发 式 算 法 


我 们 提 到 的 有 些 问 题 是 不 可 解 的 。 然 而 ,仍然 有 办 法 在 符合 要 求 的 时 间 内 找到 一 个 近似 解 。 
启发 式 算法 就 是 其 中 之 一 。 启 发 式 算法 得 到 的 未 必 是 最 优 解 ， 但 足够 解决 问题 了 。 


启发 式 算法 的 例子 有 局 部 搜索 、 遗 传 算法 、 启 发 式 导 航 、 机 需 学 习 等 。 详 情 请 查阅 


https://en.wikipedia.org/wiki/Heuristic (computer Sclence)。 




















启发 式 算 法 可 以 很 巧妙 地 解决 一 些 问题 ,你 可 以 尝试 把 研究 启发 式 算法 作为 学 士 
或 硕士 学 位 的 论文 主题 。 


15.2 用 算法 娱乐 身心 


我 们 学 习 算 法 并 不 单单 是 因为 它 是 大 学 必修 课 , 也 不 单单 是 因为 我 们 想 成 为 开发 者 。 通过 用 
在 本 书 中 学 到 的 算法 来 解决 问题 ， 我 们 可 以 提高 解决 问题 的 能 力 ， 进 而 成 为 更 棒 的 专业 人 士 。 

增长 ( 解 题 ) 知识 的 最 好 方式 是 练习 ， 而 练习 不 一 定 是 枯燥 的 。 本 方 将 展示 一 些 网 站 ,你 可 
以 访问 它们 并 尝试 从 算法 中 获 到 快乐 ( 甚至 小 赚 一 笔 )。 

这 里 列 出 一 些 有 用 的 网 站 ( 有些 不 支持 用 JavaScript 提交 解答 ， 但 是 我 们 依然 可 以 将 从 本 书 
中 所 学 到 的 逻辑 应 用 到 其 他 语言 上 )。 
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口 UVa Online Judge (http:/uva.onlinejudge.org/ ): 这 个 网 站 包含 了 世界 各 大 赛事 的 题目 ， 包 
括 由 IBM 赞助 的 ACM 国际 大 学 生 程序 竞赛 (ICPC。 若 你 依然 在 校 ， 应 尽量 参与 这 项 赛 

事 , 如 果 团 队 获胜 , 则 有 可 能 免费 享受 一 次 国际 旅行 )。 这 个 网 站 包括 了 成 百 上 千 的 题目 ， 
可 以 应 用 本 书 所 学 的 算法 。 

口 Sphere Online Judge (http:/www.spoj.comy ): 这 个 网 站 和 UVa Online Judge 差不多 ,但 支 

持 用 更 多 语言 解 题 ( 包括 JavaScript )。 

口 Coderbyte( http://coderbyte.com/ ): 这 个 网 站 包含 了 可 以 用 JavaScript 解答 的 题目 ( 简单、 

中 等 难度 和 非常 困难 )。 

口 Project Euler (https:/projecteulernet/  ): 这 个 网 站 包含 了 一 系列 数学 /计算 机 的 编程 题目 。 

你 所 要 做 的 就 是 输入 那些 题目 的 答案 ， 不 过 我 们 可 以 用 算法 来 找到 正确 的 解答 。 

口 HackerRank ( https://www.hackerrank.com ): 这 个 网 站 包含 16 个 类 别 的 挑战 ( 可 以 应 用 本 

书 中 的 算法 和 更 多 其 他 算法 )。 它 也 支持 JavaScript 和 其 他 语言 。 

口 CodeChef ( http://www.codechef.com/ ): 这 个 网 站 包含 一 些 题目 ， 并 会 举办 在 线 比 赛 。 

口 Top Coder ( http:/www.topcoder.com/ ): 此 网 站 会 举办 算法 联赛 ， 这 些 联赛 通常 由 NASA、 
Google 、Yahoo!、Amazon 和 Facebook 这 样 的 公司 赞助 。 参 加 其 中 一 些 赛事 ， 你 可 以 获得 
到 赞助 公司 工作 的 机 会 ， 而 参与 另 一 些 赛事 会 赢得 奖金 。 这 个 网 站 也 提供 很 棒 的 解 题 和 
算法 教程 。 


以 上 网 站 的 另 一 个 好 处 是 , 它们 通常 给 出 的 是 真实 世界 中 的 问题 ， 而 我 们 需要 鉴别 用 哪 一 个 
算法 解决 它 。 通过 这 样 的 方式 也 能 让 我 们 明白 本 书 中 的 算法 并 非 局 限于 学 术 , 而 是 能 应 用 到 现实 
问题 上 。 

如 果 你 想 从 事 技术 工作 ， 强 烈 推 荐 你 创建 一 个 免费 的 GitHub 账号 ， 你 可 以 将 上 述 网 站 的 角 


答 代码 提交 上 去 。 如 果 你 没有 任何 专业 经 验 ，GitHub 可 以 帮助 你 建立 一 个 作品 集 ， 还 会 对 你 找 
到 第 一 份 工 作 有 所 帮助 ! 
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15.3 ”小结 


本 章 介 绍 了 大 O 表示 法 ,以 及 如 何 运用 它 计 算 算 法 的 复杂 度 。 还 介绍 了 NP 完全 理论 ; 如 果 
你 想 进一步 了 解 如 何 面 对 无 解难 题 ， 以 及 如 何 用 启发 式 算法 得 到 一 个 近似 满足 的 方案 , 这 是 你 可 
以 深入 探索 的 一 个 领域 。 

我 们 还 列 出 了 一 些 网 站 , 你 可 以 免费 注册 , 并 应 用 从 本 书 中 学 到 的 知识 ,甚至 可 能 得 到 第 一 
份 开行 业 的 工作 ! 


编程 快乐 ! 












































回复 “JavaScript” 查 看 相关 书 单 


© 
微 博 连 接 
关注 @ 图 灵 教 育 每 日 分 享 |T 好 书 


全 


QQ 连接 


图 灵 读 者 官方 群 [;， 218139230 
图 灵 读 者 官方 群 !: 164939616 


图 灵 社 区 
iTuring.cn 
在 线 出 版 , 电子 书 ,《 码 农 》 杂 志 , 图 灵 访 谈 





Amazon.com 读 者 评论 


“这 本 书 非常 适合 用 来 学 习 数 据 结构 与 算法 。 书 中 的 例子 写 得 很 好 ， 易 于 学 习 和 实践 。 其 教学 方法 
也 比 一 般 的 C/C++ 图 书 好 得 多 。 我 向 很 多 人 推荐 了 这 本 书 ， 尤 其 是 从 其 他 语言 转 到 JavaScript 的 人 。 
我 看 过 各 种 编程 语言 的 很 多 图 书 和 参考 指南 ， 这 一 本 是 其 中 难得 的 佳作 。 


“如 果 你 没 上 过 算法 课 ， 但 是 想 学 习 实 现 常用 的 JavaScript 数 据 结构 和 算法 ， 或 者 拥有 JavaScript 
背景 但 想 提升 技能 ， 那 么 一 定 要 看 看 这 本 书 ! ” 


数据 结构 是 计算 机 为 了 高 效 地 利用 资源 而 组 织 数据 的 一 种 方式 。 数 据 结构 与 算法 是 解决 一 切 编程 问 
题 的 基础 。 本 书 用 JavaScript 语 言 介 绍 了 各 种 数据 结构 与 算法 ， 通 俗 易 懂 、 循 序 渐进 ， 有 助 于 计算 机 
科学 专业 的 学 生 和 刚刚 开启 职业 生涯 的 技术 人 员 探 索 JavaScript。 


相 较 于 上 一 版 ， 这 一 版 新 增 了 “ECMAScript 和 TypeScript 概 述 ”“ 递 归 ”“ 二 叉 堆 和 堆 排 序 ” 和 
“算法 设计 与 技巧 ”四 章 ， 介 绍 了 ECMAScript 2017 的 新 特性 和 TypeScript 的 基本 功能 ， 补 充 了 双 端 队 
列 、 红 黑 树 、 最 小 堆 和 最 大 堆 数据 结构 、 扒 排序 算法 ， 以 及 计数 排序 和 基数 排序 等 内 容 ， 另 外 还 概述 了 
Fisher-Yates 随 机 算法 和 回溯 算法 (迷宫 老鼠 问题 和 数 独 解 题 器 ) ， 等 等 。 


在 数组 、 栈 和 队列 中 声明 、 初 始 化 、 添 加 和 删除 元 素 

创建 并 使 用 链表 、 双 向 链表 和 循环 链表 

用 散 列 表 、 字 典 和 集合 存储 唯一 的 元 素 

探索 二 叉 树 和 二 叉 搜索 树 的 用 法 

使 用 冒 泡 排序 、 选 择 排序 、 插 入 排序 、 归 并 排序 和 快速 排序 等 算法 排序 数据 结构 
使 用 顺序 搜索 和 二 分 搜索 等 算法 搜索 数据 结构 中 的 元 素 
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看 完了 


如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@turingbook.com， 会 有 编辑 或 作 
译 者 协助 答疑 。 也 可 访问 图 灵 社 区 ， 参 与 本 书 讨论 。 


如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : 


ebook@turingbook.com。 
在 这 可 以 找到 我 们 : 


微 博 @ 图 灵 教育 : 好 书 、 活 动 每 日 播报 

微 博 @ 图 灵 社 区 : 电子 书 和 好 文章 的 消息 

微 博 @ 图 灵 新 知 : 图 灵 教 育 的 科普 小 组 

微 信 图 灵 访 谈 : ituring_interview， 讲 述 码 农 精彩 人 生 
微 信 图 灵 教 育 : turingbooks 


